CSS三大特性：层叠 继承 优先级
层叠性：一个属性通过两个相同的选择器设置到同一个元素上，这时一个属性就会将另一个属性层叠掉
继承性：子标签会继承父标签的某些样式，如文本颜色和字号，想要设置一个可继承的属性，只需将他应用于父元素即可（text-，font-，line-，color属性）
优先级：通过CSS特性或非凡性计算CSS权重，这是衡量CSS值优先级的标准
Specificity用一个四位的数来表示，值从左到右，左边最大，一级大于一级，数位之间没有进级，级别之间不可超越
继承或*的贡献值 0 0 0 0
每个元素（标签）贡献值 0 0 0 1
每个类、伪类贡献值 0 0 1 0
每个ID贡献值 0 1 0 0
每个行内样式贡献值 1 0 0 0
每个！important贡献值 无穷大
权重是可以叠加的
例：div ul li----->0 0 0 3
.nav ul li---->0 0 1 2
a:hover----->0 0 1 1
#nav p------>0 1 0 1
总结优先级：
1、使用了！important声明的原则
2、内嵌在html元素的style属性里面的声明
3、使用了ID选择器的规则
4、使用了类选择器、属性选择器、伪元素和伪类选择器的规则
5、使用了元素选择器的规则
6、只包含一个通用选择器的规则
7、同一类选择器则遵循就近原则
###盒子模型（CSS重点）
讲html页面中的元素看成是一个矩形的盒子，每个矩形都是由元素的内容 内边距 边框 外边距组成，每个盒子除了有自己的位置和大小外，还影响着其他和盒子的大小和位置。
盒子边框（border）
语法：border-width border-style border-color
border-style：none无边框即忽略所有边框的宽度（默认值）
solid单实线
dashed虚线
dotted点线
double双实线
上边框：border-top：宽度 样式 颜色
下边框：border-bottom：宽度 样式 颜色
左边框：border-left：宽度 样式 颜色
右边框：border-right：宽度 样式 颜色
宽度 样式 颜色综合设置：border-（）：上 右 下 左
表格的细线边框
table {border-collapse：collapse;}
border-collapse：collapse;表示边框合并在一起
圆角边框
border-radius：左上角 右上角 右下角 左下角；
内边距（padding）
padding属性用于设置内边距，是指边框与内容之间的距离
值的个数 表达意思
1个值 如：padding：3px，上下左右内边距都是3像素
2个值 如：padding：3px 5px，上下3像素，左右5像素
3个值 如：padding：3px 5px 10px，上3像素，左右5像素，下10像素
4个值 如：padding：3px 5px 10px 15px，上3像素，右5像素，下10像素，左15像素
外边距（margin）
margin属性用于设置外边距，设置外边距会在元素之间创建空白，这段空白通常不能放置其他内容
外边距实现盒子居中
1、必须是块级元素
2、盒子必须指定了宽度（width）
然后给左右的外边距设置为auto，就可以使块级元素水平居中
例：.header {width:960px;margin:0 auto;}
清除元素的默认内外边距
* {
padding:0;
margin:0;
}
外边距合并
使用margin定义块元素的垂直外边距时，可能会出现外边距的合并
相邻块元素垂直外边距的合并
当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bottom与margin-top之和，而是两者中的较大者，这种现象被称为相邻块元素垂直外边距的合并（也称外边距塌陷）
嵌套块元素垂直外边距的合并
对于两个嵌套关系的块元素，如果父元素没有上内边距以及边框，则父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大值，即使父元素的上外边距为0，也会发生合并
解决方案：1、可以为父元素定义1px的上边框或上内边距
2、可以为父元素添加 overflow：hidden
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
