px是像素的缩写 em获取的是当前元素的font-size的值（相对单位 ，常用与首行缩进） rem获取的是当前HTML的font-size的值（相对单位，常用与移动端的调试和开发） vw和vh是视口的宽和高，他们会随着视口的变化而变化（通常用于让某个元素不变而设置的） 拓展vMax和vMin vmax是vw和vh中比较大的哪一个 vmin是vw和vh中比较小的哪一个 ！impoertant是特殊的css会优先使用设置了这个元素的代码 常用的css选择器有行间样式>ID样式>class样式>元素样式>通配符 css中只有和字体有关的才会被继承 如字体修改和文字字体 font，font-size（字体大小），font-family(字体类别），font-style（字体样式），font-weight（字体粗细） color（字体颜色）text-indent（行间缩进）text-align（字体位置）line-height（行高）word-spancing letter-spancing 这其中line-height是特殊的，如果这个的值是明确的，那子级就会直接继承 如果line-height是倍率那就会继承过去然后计算子级的高 给出行高 如果line-height是百分比就会先计算玩父级的行高然后被子级继承过去 BFC是块级格式上下文 BFC可以清除浮动和清理BFC塌陷 BFC的触发方法可以通过overflow：hidden来触发 盒子模型就是盒子在元素占比的实际大小 盒子模型的计算方法：width/height+padding+border 当盒子设置了box-sizing：border-box，那会修改盒子计算模型 box-sizing：border-box(盒子实际设置的大小） margin-top负值是元素向上移动 margin-left负值是元素向左移动 margin-bottom负值是下面的元素向上移动 margin-right负值是右边的元素向左移动 margin负值是常用于增加宽度，布局如圣杯，双飞翼布局 清除浮动 overflow：hidden content：“” hieght：0； cleat：both display：block overflow：hidden 给父级设置也可以清除浮动 垂直水平居中 position：absolute top50% left50% margin-top-100px margin-left-100px 第二种 position：absolute top0 left: 0; bottom: 0; right: 0; margin auto 第三种方法 给父级设置position：tabe-cell overflow-aligh-middle 子级margin auto 第四种 position：absolute top50% left50% stansform：translate （-50%，-50%）
