一、简要描述一下对CSS盒子模型的理解有两种盒子模型:W3C标准盒子模型和IE盒子模型(IE的content包含border和padding),盒子模型的结构包括:内容content,填充padding、边界margin和边框border。
二、CSS有哪些常用的选择器?伪类选择器有哪些?标签选择器:div、a、h
Id选择器:#id
【热门前端开发面试题之CSS面试题和答案分析】类选择器:.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
推荐阅读
- 热门JavaScript前端开发面试题汇总和答案详解
- 热门前端开发面试题及答案汇总(一)(HTML经典面试题和答案分析)
- 如何在一个JavaScript文件中包含另一个JavaScript文件(有哪几种方式?)
- event.preventDefault() vs. return false这两种调用方式有什么区别()
- 如何在JavaScript中实现复制到剪贴板(如何原生实现,有第三方库吗?)
- 如何重新随机化或者重新排序JavaScript的数组元素()
- JavaScript如何将现有的回调API转为promise(有示范实例吗?)
- PHP | Ds Vector __construct()函数用法介绍
- JavaScript中的箭头函数用法指南