盒模型、层模型

盒模型、层模型

1.样式

text-align:对齐方式（仅影响内部行、块在父元素中的对齐方式）
line-hight：行高（利用行高进行垂直文本居中）
text-indent：首行缩进
cursor：鼠标样式
opctiay：透明度

2.盒模型组成部分

margin：外边距
border：边框（壳）
paddding：（内边距）
内容区域（width、height）

3.定位模型（层模型）

z-index：控制层数，在第几层

定位方式

偏移量：left、top、bottom、right
**绝对定位**：默认相对于文档定位，相对于自己最近的有定位属性得祖先元素定位。
**相对定位**：相对于自身定位
**固定定位**：相对于窗体定位    
absolute:脱离文档位置
ralative:保留原位置进行定位

定位参考容器

绝对定位、固定定位元素相对于谁在定位

脱离文档流absolute

其他元素排列时，无视绝对定位、固定定位元素

绝对定位居中

left：50%
top：50%
margin-letf：自身宽度一半
margin-top：自身高度一半

4.元素实际高度由什么决定

content、margin、padding

补充

文字垂直居中：line-height：height
单行文字水平居中：text-aline : certer