前端开发面试题总结-CSS篇

CSS面试高频问答

1、CSS选择器的优先级

2、CSS3新特性

3、如何垂直水平居中盒子

4、什么是重绘和重排

5、px/em/rem/vw有什么区别

6、rem布局的原理

7、如何设置比12px还要小的字体

1.为什么
谷歌默认可设置最小字体12px，特殊场景需要设置更小字体
2.方式一
CSS3的缩放

p {
font-size:12px;
transform:scale(0.8);
}
注意：行内元素没有效果

3.方式二
zoom属性

p {
font-size:12px;
zoom:0.5;

8、CSS中隐藏元素的方式有哪些

## 9、CSS中如何画一个三角形
1.三角盒子的宽和高皆设置为零
2.通过设置盒子的边框属性值来决定盒子的大小

.box {
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: black;
	}