什么是CSS？
CSS：Cascading Style Sheets层叠样式表/级联样式表，简称样式表。
.HTML与CSS的关系 HTML：构建网页内容 CSS：修饰网页 w3C建议尽量使用CSS属性来取代HTML的属性。
使用CSS的方式
1. 内联方式（行内样式）
特点：将CSS样式定义在HTML的开始标记中
语法：<any style="CSS样式的声明"></any>
样式声明：由样式属性和值组成，CSS属性名与其值之间用冒号连接，多个样式声明之间用分号分割。
2. 内部样式
在网页的头元素中增加一对<style></style>,在<style></style>标记中声明该网页的所有样式。
语法：<head> <style> 样式规则 </style> </head>
样式规则：由选择器和样式声明组成
3.外部样式（W3C建议使用这种方式）
独立于任何网页的位置处，声明一个样式文件（*.css）,在css文件中保存样式规则。
语法： <link rel="stylesheet" href="CSS文件url">
优点：1). 外部样式可以解决多页面样式重复的问题 2). 有利于浏览器缓存，从而提高页面响应速度 3). 有利于代码分离（HTML和CSS），更容易阅读和维护
CSS样式特点
1.继承性
子元素继承父元素的样式（有层级关系）。大部分的样式可以直接被继承。
2.层叠性
可以为一个元素定义多个样式规则，规则中的属性不冲突时，可以同时都应用到当前元素上。
3.优先级 在样式声明有冲突时（重复），则按照样式的优先级来应用样式。
浏览器默认设置 < 样式表（内部样式和外部样式）：就近原则 < 内联样式 < !important 规则
CSS选择器
1.通用选择器 *{样式}
2.元素选择器 div{样式}
3.类选择器 .class{样式}
4.id选择器 #id{样式}
5.属性选择器 根据属性名和属性值选中元素
6.伪类选择器 选中某些元素的某种状态1）link: 超链接未访问时的状态2）visited: 超链接访问过后的状态3）hover: 鼠标悬停状态4）active：激活状态，鼠标按下状态
爱恨法则：link > visited > hover > active
7.伪元素选择器 before after
选择器的组合 1. 并且 2. 后代元素 —— 空格 3. 子元素 —— > 4. 相邻兄弟元素 —— + 5. 后面出现的所有兄弟元素 —— ~
选择器的并列多个选择器, 用逗号分隔
样式的优先级： （ 256进制）
！important infinity
行间样式 1000
id 100
class|属性|伪类 10
标签选择器|伪元素 1
通配符 0
CSS的部分样式具有继承性 跟文字内容相关的属性一般都能被继承
8. 更多伪类选择器
1). first-child：选择第一个子元素first-of-type，选中子元素中第一个指定类型的元素
2). last-child
3). nth-child 选中指定的第几个子元素 even：关键字，等同于2n odd: 关键字，等同于2n+1
4). nth-of-type 选中指定的子元素中第几个某类型的元素
9. 更多的伪元素选择器
1). first-letter 选中元素中的第一个字母
2). first-line 选中元素中第一行的文字
3). selection 选中被用户框选的文字
属性的计算过程
一个元素，从所有属性都没有值，到所有的属性都有值，这个计算过程，叫做属性值计算过程
