【无标题】

1.Css盒模型
(1)margin：
①1个参数代表上下左右的数据
②2个参数，第一个代表上下，第二个代表左右的数据
③3个参数，第一个代表上，第二个代表左右，第三个代表下的数据
④4个参数，上 右 下 左。
(2)标准盒模型：div宽=内容的宽
(3)怪异盒模型：div宽=内容的宽+border+padding
①box-sizing: border-box;
(4)外边距居中条件，一定要有宽，使用margin=0；
(5)rgba 带透明度的颜色，transoarent 透明色，opacity=(0~1) 透明度。
(6)Cursor:pointer(手型)， crosshair （十字型），wait（等待）。
(7)溢出
①over-flow：hidden隐藏，scroll 滚动条，auto 自适应。
(8)display：none；（隐藏） display：block；（显示）
2.浮动（float）
(1)文档流：包含元素的布局宽高背景颜色等等。
(2)文本流:包含文字元素内容。
①左浮：不脱离文本流脱离文档流
②右浮：脱离文本，文档流（父盒子高度=坍塌）
(3)带来的问题：对自身有影响都脱离了文档。对兄弟改变了布局，对父亲造成了坍塌。
3.清浮动
(1)给父容器设置高（不推荐）
(2)给使用浮动元素后面添加空的块级元素，clear：both。
(3)after伪类清浮动，在浮动元素的父级上清除浮动
①#father：after{Content:””Display:block;Clear:both;}
(4)在父容器上添加溢出隐藏属性overflow: hidden;