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

文章目录

• CSS面试高频问答
• • 1、CSS选择器的优先级
  • 2、CSS3新特性
  • 3、如何垂直水平居中盒子
  • 4、什么是重绘和重排
  • 5、px/em/rem/vw有什么区别
  • 6、rem布局的原理
  • 7、如何设置比12px还要小的字体
  • 8、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;
	}