- 权重叠加，优先生效问题， div li : 0,0,0,2 ; a:hover: 0,0,1,1 ; .nav li: 0,0,1,1 ; .nav li a:0,0,1,2;
- border: border-width border-style border-color
记住3个样式 solid 实线 dashed 虚线 dotted 点线
- 合并单元边框 border-collapse: collapse;
- 边框会影响盒子的实际大小
- padding 内边距 内容与边框 margin 外边距 盒子与盒子之间
一个值 上下左右都是一个值； 两个值 上下一个值 左右一个值； 三个值 上一个值 左右一个值 下一个值; 4个值 上右下左
- padding会影响盒子大小，解决办法只有在写宽高的时候，提前减去内边距
- 盒子居中 实际开发采用margin:0 auto;
- 外边距垂直会出现合并，取最大值
- 给盒子中的块元素，行内元素居中，可以去找它们的父元素，text-align：center;
- 每次写代码，先清除内外边距，*｛margin:0; padding:0｝
- list-style:none;去掉li前面的小圆点
- border-radius: 半径; 圆角边框 也可以填半分比 可以1，2，3，4个值 从左上开始 顺时针 或者直接border-top-left-radius:
- 盒子阴影: box-shadow: h-shadow（水平阴影）, v-shadow（垂直阴影）, blur（模糊距离虚实，可选）, spread（阴影的尺寸, 可选）, color（阴影的颜色, 可选）, inset（外部阴影改为内部阴影, 可选） 颜色一般使用rgba(0,0,0,.3)
- 文字阴影: text-shadow: h-shadow（水平阴影）, v-shadow（垂直阴影）, blur（模糊距离虚实，可选）, color（阴影的颜色, 可选）
- 常用块元素 p h1~h6 div hr ul ol dl form table
- 行内元素 span a i em 等
- 标准流 块元素 行内元素全部按规定的默认方式排列
- 多个块级元素纵向排列找标准流，横向排列找浮动
- 浮动 float:left/right; 任何元素都可以添加浮动,浮动后都具有行内块元素特点
- 一般网页布局，先用标准流的父元素排列上下，之后内部子元素采用浮动
- 浮动需要注意点，只影响浮动后面的元素，前面的标准流元素不受影响，一样占一行
- 很多情况下，不适合指定父元素高度，所以子元素浮动后，父元素就没有了高度，因为浮动元素不占位置，就需要清除浮动
- clear: both; 标签法，在最后的子元素后面再增加一个块级元素，添加此行内样式
- overflow: hidden; 在父元素添加此样式也可以清除浮动
- .clearfix:after{} 有标准的代码，直接抄就行,比较推荐的一个写法,也是给父元素添加
21. 双伪元素清除浮动，也是给父元素添加，抄就行