热门前端开发面试题之CSS面试题和答案分析

一、简要描述一下对CSS盒子模型的理解

有两种盒子模型：W3C标准盒子模型和IE盒子模型（IE的content包含border和padding），盒子模型的结构包括：内容content，填充padding、边界margin和边框border。

二、CSS有哪些常用的选择器？伪类选择器有哪些？

标签选择器：div、a、h

Id选择器：#id

类选择器：.class

子选择器：div>img

后代选择器：div img

伪类选择器：button:hover

三、如何水平居中一个浮动元素？水平居中和垂直居中有哪些主要方式？

居中浮动元素先给元素设置一个宽度，然后使用margin:0 auto，水平居中和垂直居中可以使用flexbox布局和grid网格布局。

四、CSS3有哪些新特性？

圆角：border-radius

阴影：box-shadow

文章特效：text-shadow

渐变：gradient

旋转：transform

五、阿里面试题：CSS手动写动画，最小时间间隔应该是多少？

一般显示器默认频率每秒刷新60次，最小时间间隔应该为：1/60*1000ms=16.7ms

六、携程面试题：display:inline-block什么时候会显示间隔？

Display:inline-block显示间隔的情况有：

移除空格、margin使用负值、使用word-spacing、letter-spacing