文本相关属性 列表相关属性 盒模型

1.文本相关属性

text-indent 设置 首行缩进 属性值： length(数值+单位)
em单位 1em=当前的文字大小（？px） 相对单位

2.列表属性


list-style-position:li圆点的位置（inside）
3.盒模型
content 内容区 由width和height设定的区域
padding 内边距

border 边框
margin 外边距
margin 外边距 边界
属性值: length(数值+单位) %(根据父元素的宽度为基数计算百分比) 可以接受负值，负值的移动的方向是正值的相反方向
特点：
父元素后面的第一个子元素设置margin-top时则会出现向上传递问题，则需要给父元素添加overflow:hidden
margin-top向上传递的问题，上外边距的值会一直向父元素传递，传递到html为止
margin-top向上传递解决方法：
1.给书写margin-top的元素的父元素添加 overflow:hidden;
2.给自身或者父元素添加浮动 float
块级元素垂直相邻的外边距会合并，相邻的外边距值不相等时，取最大的外边距
行内元素实际上不占上下外边距，行内元素的的左右外边距不会合并
浮动元素的垂直相邻的外边距是不会被合并的，会正常显示
高度塌陷的解决方法（万能清除法）：
选择符（高度塌陷的元素）： after{content:".";display:block;height:0;clear:both;overflow: hidden;visibility:hidden
作用：
margin可以用来调整子元素在父元素中的位置关系
margin可以用来调整同级元素之间的位置关系
单独书写一个方向的margin值：margin-left/top/right/bottom:?px;
margin多个属性值书写：
一个属性值： 四周
两个属性值： 上下 左右
三个属性值： 上 左右 下
四个属性值： 上 右 下 左

水平占据空间 width+padding（左右）+border（边框）+margin（左右）=一个元素在水平占据的空间大小
垂直占据空间 width+padding（上下）+border（边框）+margin（上下）=一个元素在上下占据的空间大小

padding可以控制子元素在父元素的位置
padding可以控制内容在容器中的位置
margin可以控制子元素在父元素的位置
margin可以控制同级间的位置关系

减去图片3-4像素(bug)给父元素设置：font-size:0
或者给图片设置display：block