前端开发面试题总结-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;
}