前端之CSS篇--面试题总结

CSS的特性：继承性、层叠性、优先级
优先级：写css样式的时候，会给同一个元素添加多个样式，此时谁的权重搞就显示谁的样式。
!important >行内样式>id>类>标签>全局选择器

隐藏元素的方法

display:none 元素在页面上消失
opacity:0 设置了元素的透明度 占据页面空间
visibility:hidden 让元素消失，一种不可见的状态，占据空间位置
position:absolute; 绝对定位，脱离文档流，不占父级空间

px和rem的区别

px：相对单位长度，像素，显示器上给我们呈现画面的像素，每个像素大小一样
rem:绝对单位长度，相对于html根节点的font-size值

重排和重绘

重排：对DOM的大小、位置修改后，布局引擎会重新计算盒模型在页面上的位置和大小
重绘：对DOM的样式进行修改，比如color、background-color,浏览器不需要重新计算几何属性的时候，直接绘制该元素的新样式，那么这里就只触发了重绘。

元素水平居中的方式

1.margin: auto
2.transform:translate 元素将在水平和垂直方向上各自移动其自身宽度和高度的50%的距离
3.flex布局 弹性布局

预处理器

预处理语言增加了变量、函数、混入等强大的功能 ，解决css代码过长、重复的问题，书写css更加方便。SASS、LESS
例如:都想用红色，一个个改很麻烦，可以直接通过修改变量