css

盒子模型

所有的标签都可以看成是一个盒子，盒子模型包括：content、padding、border、margin

css选择器优先级

!import > 行内 > id > class > 标签 > 全局

隐藏元素

display: none;
visibility: hidden;
opacity: 0;
position: absolute;
clip-path: rect(0,0,0,0);

px & rem

px 像素
rem 相对单位基于根元素的字体大小

重绘 & 重排

重排（回流）：布局引擎会根据所有的样式计算出盒模型在页面上的位置和大小
重绘：计算好盒模型的位置、大小和其他一些属性之后，浏览器就会根据每个盒模型的特性进行绘制

水平垂直居中

flex
position + margin
position + transform
grid
table

伪类 & 伪元素

伪类是指某个元素在处于某种状态下会添加的样式
伪元素是创建不在文档树里面的元素进行展示