现在，我们就可以总结一下css的三种样式了，也需要知道工作中是怎么使用的了。三种样式样式名称存放位置作用范围应用嵌套样式head中的title下面当前样式所处的页面存放一些当前页面会用到的样式行内样式
现在，我们就可以总结一下css的三种样式了，也需要知道工作中是怎么使用的了。
三种样式
| 样式名称 | 存放位置 | 作用范围 | 应用 |
|---|---|---|---|
| 嵌套样式 | head中的title下面 | 当前样式所处的页面 | 存放一些当前页面会用到的样式 |
| 行内样式 | 标签中通过style来设置 | 只能作用在当前标签之中，出了这个标签就没有作用 | 一般情况下用的少（特定场合，整个页面只有这个标签出现了这个样式） |
| 外联样式 | 在其它文本中要使用要通过link标签 | 所有的页面都可以使用 | 存放一些所有页面都会用到的公共样式 |
CSS三大特性
继承性
- 作用：子元素可以继承父元素的样式。
- 什么样的属性才可以继承：
- text-,font-,line-开头的属性都是可以继承的。
- color。
- 具体应用：在写页面之前我们会通过给body设置一个字体，来将页面上所有的标签都能够继承这个属性。
- 特殊性：
- a标签的颜色不能继承，如果一定要修改a标签的颜色直接作用在a标签上面。
- h标签的大小不能继承，如果一定要修改h标签的大小直接作用在h标签上面。
- div的高度如果不设置由内容来决定（没有内容那么高度为0），宽度默认由父元素继承过来。
层叠性
- 作用：如果一个属性通过两个选择器设置到同一个元素上面，那么这个时候一个属性就会将另一个属性层叠掉。如果多个不两只的属性通过两个选择器设置到一个元素上面，那么不会发生层叠。
优先级
- ！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
- 变数：!important
- 注意：虽然important是一个变数，但是不能作用在继承上。!important属性无法继承。
- 权重：
- 作用：多个选择器组合以后的优先级。
- 算法：（0，0，0，0）==》第一个0对应的是important的个数，第二个0对应的是id选择器的个数，第三个0对应的类选择器的个数，第四个0对应的是标签选择器的个数，就是当前选择器的权重。
- 比较：先从第一个0开始比较，如果第一个0大，那么说明这个选择器的权重高，如果第一个相同，比较第二个，依次类推。
- 权重其它是优先级的算法，优先级是层叠表现。
- 选择器工作的原理：选择器在查找元素的时候不是从左往右找，而是从右往左找。
优先级也是一个比较重要的点，你Get到了吗？加油加油！
