1.css三大特性：层叠性、继承性、优先级
1.1层叠性：样式冲突 就近原则 不冲突就执行
<style> div { color: red; font-size: 12px; } div { color: pink; } </style> <body> <div>长江后浪推前浪,前浪死在沙滩上</div> </body> 显示的是粉色
1.2继承性：子标签会继承父标签的某些样式，（text-，font-，line-，color，与文字相关的都可以继承）
1.3优先级：!important>行内样式（style=“ ”）>ID选择器>类选择器，伪类选择器>元素选择器>继承或* 范围越小，权重越大 继承的权重是0
a链接浏览器默认指定了颜色，蓝色，有下划线
2.盒子模型
2.1边框（border）
border: border-width(粗细) || border-style（样式） || border-color（颜色）;
边框简写：border：1px solid red；没有顺序
只要上边框：border-top
div {
width: 200px;
height: 200px;
border: 1px blue solid;
border-top-color: red;
}下面覆盖上面 就近原则
2.2表格的细线边框：控制相邻单元格的距离
border-collapse：collapse； 表示相邻边框合并在一起
表格的话 table，td单元格，th标题单元格
2.3内边距（padding）：框与内容的间距
padding:5px 上下左右
padding:5px 10px 上下5 左右10
padding:5px 10px 20px 上5 左右10 下20
padding:5px 10px 20px 50px 上 右 下 左 padding会撑大盒子
2.4外边距 （margin）：控制盒子与盒子间的距离
方式和padding一样
居中显示 magrin：0 auto；左右auto
让行内或者行内块元素水平居中对齐，则给其父元素添加 text-aling：center；
相邻块元素合并问题：取较大值为外边距值
嵌套块元素塌陷问题：解决方案：1.可以为父元素定义上边框2.可以为父元素定义上内边距3.可以为父元素添加 overflow：hidden
2.5清除内外边距
* {
padding：0；
margin：0；
} 第一行代码
行内元素尽量设置左右边距，不设置上下边距