老雷html/css开发视频教程之认识css--powered by www.deituicms.com

老雷html/css开发视频教程之认识css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

简单来说css是用来控制和美化html页面的

css可以通过三种方法引入

1.通过标签style

<div style="color:red;">认识css</div>

2.通过style标签样式

<style>
div{
font-size:36px;
}
.class{
color:red;
}
</style>
<div class="class">class</div>

3.通过link标签

<link href="app.css" rel="stylesheet" />

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>老雷css教程之认识css</title>
		<link href="app.css" rel="stylesheet" />
		<style>
			/*注释*/
			div{
				font-size:36px;
			}
			.a{
				color:red;
			}
			.a .b{
				color:#0F8E82;
			}
		</style>
	</head>
	<body>
		<div class="a" style="color:red;">认识css<span class="b">span</span></div>
	</body>
</html>

//app.css

div{
	border:1px solid #0F8E82;
	padding:5px;
	margin-bottom: 10px;
}