1. 概念
层叠样式表（Cascading Style Sheets），用于美化网页。 在网页制作中使用CSS技术，可以有效地实现对页面布局、字体、颜色、背景等效果的更精确的控制。
2.语法：由选择器和声明两部分组成，声明由属性和属性值两部分组成
选择器{ attribute1：属性值1； attribute2：属性值2； }
div { font-size: 12px; color: #F00; …… }
/*声明放在花括号中，每条声明结束要加分号，属性和属性值之间用冒号，标点符号必须是英文*/选择器：选择需要更改的网页内容。
共有三个基本选择器（id、class（类）、label）
① id选择器：用#开头，后面跟id的名称。 body 标签内的所有元素都有一个 id 属性。 一个页面中只能使用一个id名称，并且id名称必须是唯一的。 id名称应符合语义命名，不允许使用英文、数字或以数字开头。 关键字常见的命名方式：驼峰式命名（qfEduTit）和下划线连接命名（qf_edu_tit）。
② Class（类）选择器：使用. 符号表示开始，后面是类的名称，body标签中的所有标签都有类属性。 类名可以重复使用。
③标签选择器：直接使用标签，html中的所有标签都可以作为选择器。
三个选择器的优先级：范围越小优先级越大，id选择器>class（类）选择器>label选择器
选择器
/*类选择器*/ /* CSS注释的内容 */
.text{
color: red;
}
/*id选择器 #*/
#idText{
color:pink;
}
/*标签选择器*/
p{
font-size:100px;
}
/*通配符选择器 匹配网页中所有的内容*/
*（注意前面是个星号){
}
css的基本选择器
xxx
xxxx
xxxx
xxxx
段落标签
3. 引文形式
① Inline（内联样式）
xxx
直接写在标签中② 内部样式表
简单的将html代码和css样式分离，在网页后面创建一个style标签a标签 css，写上css样式，如上。
③ 外部样式表
将css样式单独写入到一个后缀名为.css的外部文件中，然后导入
(a) 使用link标签导入外部css文件；
link标签一般放在head部分，
rel="stylesheet"：声明外部样式；
type="text/css"：引入文件类型；
href="xxxx.css" rel="external nofollow" ：引入文件地址(b) 使用@import导出外部css文件，@import url(css文件路径)；
两者的区别：link引入的css文件与页面同时加载a标签 css，而@import引入的css文件在页面加载后加载； link不存在兼容性问题，而@import是css2.1提出的，ie5及以下浏览器不支持； link 是一个 html 标签。
样式表的优先级：当多个样式表中的同一个元素设置了相同的样式时，就会出现优先级问题。 一般采用就近原则，即距离集合元素越近，优先级越高。
内联 > 内部样式 > 外部样式
