1 水平垂直居中
单行文本、多行文本、行内元素、行内块 水平方向居中 text-align:center
垂直方向居中 高度固定、单行文本、line-height
多行文本通过计算
行内块 vertical-align：Middle
高度不固定：单行文本、多行文本、行内块、行内元素、块级元素 padding
块级元素水平方向居中：margin:0 auto
利用表格可以很快实现水平垂直居中，不分元素
2 定位属性
- static 默认值，静态的
- relative 相对定位，是在原来位置上的偏移，参照物是原来自身的位置，相对定位不会脱离正常的文档流。
- absolute：绝对定位，会脱离正常的文档流，不会占据空间，导致后面的上来，根据离其最近的有定位的父元素进行定位，值不能是默认值，如果所有的父元素没有定位，则根据浏览器窗口第一屏定位
- fixed：固定定位，无论是否出现滚动条，都会处在给定位置不变，脱离正常文档流
- sticky：粘性定位（css3新增，低版本浏览器不支持）可以设置粘在哪的位置
- 定位属性要和方向值连用：left right top bottom
- left top的优先级比right bottom高
- 如果元素设置了absolute 、fixed定位，如果没有设置宽高就是内容的宽高，设置了宽高就是设置的宽高
- 如果元素设置了absolute 、fixed定位，没有设置宽高，设置了left、right，可以让元素存在宽度，宽度为浏览器的宽度-left-right
- 如果子元素想要根据父元素定位，一般父元素设置相对定位，子元素设置绝对定位（父级相对子级绝对）
3 css的层叠
\
定位的元素会造成层叠，默认情况下，谁在后边谁在上边显示
z-index:更改定位元素的显示顺序，默认是auto，自动
值越大越靠上显示，值越小越靠下，可以为负值，必须为整数，可以无穷大，也可以无穷小
注意：z-index必须与定位属性连用
4 定位实现水平垂直居中
四则运算函数 cacl (+ - * /)
注意点：运算符前后必须要有空格
