padding值的区别：
1、四个值：上 右 下 左
2、三个值：上 左右 下
3、两个值：上下 左右
4、一个值：上下左右
响应式布局：一般用em为单位
postion定位
三种定位机制：1、普通流（标准流）2、浮动 3、绝对定位（脱离文档流）
static：静态定位（无定位）
relative：相对定位 相对原位置（偏移）
注意：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间，因此，移动元素会导致他覆盖其他框
absolute：绝对定位 相对最初包含块最近定位元素脱离文档流
fixed：固定定位 脱离文档流屏幕定位
absolute 如果没有设置最初的包含块那么就相对于body偏移
注意：绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块
定位：display：none 不显示
block 块元素样式
inline-block 块、行内样式
inline 行内元素样式
css定位机制：普通（文档）流
浮动 会造成脱离文档流（脱离标准文档流）
margin：auto（水平居中）但在浮动后不起作用
触发BFC环境：块级格式化上下文
1、触发（声明）
2、overflow：hidden（父级元素）
IFC：行内格式化上下文
1、不需要触发
建议2、转换成BFC环境
处理元素重叠：以定位元素为基准，正前负后
透明度：opacity：0.0~1.0 作用于所有的元素
background：rgba（red，green，blue，模糊值） 背景颜色设置
diplay：none 可隐藏元素位置被占据（可以脱离文档流）
visibility: hidden 可隐藏元素
overflow移除
规定当前内容溢出元素框发生的事情
1、visible：（默认值）内容溢出
2、hidden：超出内容隐藏
3、scroll：出现下、右滚动条一遍查看内容
4、auto：出现有滚动条以便查看内容
clip剪裁
剪裁绝对定位元素，用于定义一个剪裁矩形
shape：设置元素的形状
值是：rect（top上，right右，bottom下，left左），一般来说定位只需要设置top，left两个方向即可，即x轴，y轴
auto：（默认值）不引用任何剪裁
vertical-align垂直对齐：定义行内元素的基线相对于该元素所在行的基线的垂直对齐
注意：1.允许指定负长度值和百分比值，这会使元素降低而不是升高
2.在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式
px（像素）：相对长度单位，像素px是相对于显示器屏幕分辨率而言的
像素不可变，但是苹果设备特例
特点：1、ie无法调整那些使用px作为单位的字体大小
2、国外大部分网站能够调整的原因在于其使用em或rem作为字体单位
3、firefox能够调整px、em和rem。但是96%以上的中国网民使用ie浏览器（或内核）
em：是相对长度单位，相对于当前对象内文本的字体尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸
em： 1em 默认16px 通常设置为20px em继承父元素的大小 em相对于body继承
rem：1rem 默认16px 自适应屏幕的大小 rem相对根元素（html）书写