第二章 css选择器和良好的结构体 _css选择器

2.权重：选择器种类对应权重
通配选择器
元素选择器、伪元素选择器
class选择器、伪类选择器、属性选择器
10
id选择器
100
行内样式
1000
！
1000+
tips:绝大多数情况避免使用! ，在日后的多人开发中很容易覆盖别人写的样式。
3.属性的继承：
1.不可继承的：
display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before、unicode-bidi 。
2.所有元素都可以继承:
visibility和cursor 。
3.内联元素可继承的有：
letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction 。
4.块状元素可继承的有：
text-indent和text-align 。
5.列表元素可继承的有：
list-style、list-style-type、list-style-position、list-style-image 。
6.表格元素可继承的有：
border-collapse 。
4.规划维护样式表：设计代码的结构
为了便于维护样式表，最好将代码按照一定的逻辑分成几大块，你也可以像下面这样去构建你的代码结构。
辅助样式
页面结构
页面组件
覆盖注释的一些功能性用法
tip：或许我们可以像下面一样，用一个样式表中用不到的特殊标识符放在注释前面，这样我们就可以根据注释的意义去直接快捷查找对应的代码区块，这对代码的重构和日后的维护都是大有帮助的。

第三章可视化模型
本章的阅读会让你对网页常用的布局手段有更深的了解，同时你也会知道一些需要注意的点。
【第二章 css选择器和良好的结构体】一、盒模型 1. 先来看看盒模型
众所周知，盒模型分为两种，标准盒模型和ie盒模型，我们来看看两者的区别。
1. 标准盒模型：
2. ie盒模型：
总结
- 平常我们对div写的width时， width= 。
- 当对div设置box-=-box时， width=++ 。
- 方面和width是相似的，请自行分析。
2.外边距叠加问题
外边距叠加
同级元素外边距叠加情况
定义：垂直布局中，当上方有设置盒子-属性，下方盒子有设置-top属性时，两者的就会发生叠加。叠加规则：双方实际距离变为外边距较大的一方的数值。图示：
父级元素和子级元素的叠加
定义：当一个没有边框或者内边距的父级元素有-top属性而其子元素也具有-top属性时，两者就会发生叠加。叠加规则：marin值会保留两者中较大的一方，并且-top效果是在父级元素上。个性解决方案：给父级元素加上或者（不提倡）。图示：
元素的顶外边距和底外边距叠加
定义：一个没有内边距和边框的==空元素== ，它的顶外边距和底外边距也是可以发生叠加的，假设再碰到另一个有外边距的==空元素== ，它们会继续叠加。上图：