CSS的三大特性：层叠性、继承性、优先级
层叠性（覆盖）
层叠性
继承性
继承性
行高的继承性
行高继承性
优先级
优先级
CSS的盒子模型
盒子模型的组成：边框、内容、内边距、外边距。
盒子的组成
（1）盒子的边框，border
border-width：边框的粗细，单位是px
border-style：边框的样式，solid是实线，dashed是虚线，dotted是点线
border-color：边框的颜色
复合写法（简写）：5px solid pink，不需要按顺序
也可以单独添加某边框，如border-top：5px solid pink（上边框）
border-collapse：collapse，让相邻边框合并在一起（一般在表格使用）
（2）内容，div标签里填写
（3）内边距padding，内容与边框的距离
padding数值有top，bottom，left，right，对应上下左右内边距
复合写法
内边距简写
（4）外边距margin，控制盒子与盒子之间的距离
数值为top，bottom，left，right
简写写法与内边距一致，1个属性值代表上下左右外边距；2个值表示上下、左右外边距；3个值表示上、左右、下外边距；4个值表示上、右、下、左外边距。
让盒子水平居中的方法：把盒子的左右外边距设置为自动（auto），margin： 0 auto。
盒子塌陷解决方法
网页元素很多都带有默认的内外边距，因此在网页布局前，要先清除内外边距：使用通配符选择器* ｛padding： 0；margin：0；｝去除。
为了照顾兼容性，行内元素只设置左右内外边距。
圆角边框border-radius
圆角边框
盒子阴影
盒子阴影
