CSS的概念
表现HTML或XHTML文件样式的计算机语言
包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定CSS的优势
内容与表现分离
网页的表现统一，容易修改
丰富的样式，使得页面布局更加灵活
减少网页的代码量，增加网页的浏览速度，节省网络带宽
运用独立于页面的CSS，有利于网页被搜索引擎收录CSS基本语法结构（内部样式）
style标签：css标签添加在head标签之内
选择器{
声明1；
声明2；
.......
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
<style type="text/css">
<!--h1选择器-->
h1 {
font-size:12px;/*声明*/
/*属性 ：值*/
color:#F00;
}
</style>
</head>
<body>
<h1>标题</h1>
</body>
</html>- 行内样式
使用style属性引入CSS样式
<h1 style="color:red;">style属性的应用</h1>- 外部样式表
CSS代码保存在扩展名为.css的样式表中
<head>
……
<link href="style.css" rel="stylesheet" type="text/css" />
……
</head>href：文件路径
rel：使用外部样式表
type：文件类型
- CSS样式优先级
行内样式>内部样式表>外部样式表
就近原则