CSS3 高频面试题及详细答案（实战版）.docxVIP

CSS3高频面试题及详细答案（实战版）

一、CSS3基础概念面试题

1、简述CSS3是什么，和CSS2的核心区别？

答案：

CSS3是层叠样式表的第三代标准，是在CSS2基础上的扩展升级，也是目前前端开发通用的样式标准。

和CSS2相比核心区别主要有四点：

1.模块拆分：CSS2是单一完整规范，CSS3拆分为多个独立模块（选择器、边框、背景、动画、布局等），各模块独立更新、迭代更快；

2.新增样式特性：新增圆角、阴影、渐变、透明、边框图片、多背景等视觉样式，告别传统图片实现复杂样式的方式；

3.新增布局体系：摒弃传统浮动、定位的局限，新增Flex、Grid弹性布局，大幅提升页面布局效率；

4.动态交互能力：新增过渡、动画、变换属性，可直接实现页面平移、旋转、缩放、渐变动画，无需依赖JS。

2、CSS3新增的选择器有哪些？常用的列举并说明用法

答案：

CSS3新增了属性选择器、结构伪类选择器、状态伪类选择器三大类，日常高频使用的如下：

1.属性选择器

-[attr^=val]：匹配属性值以指定内容开头的元素；

-[attr$=val]：匹配属性值以指定内容结尾的元素；

-[attr*=val]：匹配属性值包含指定内容的元素。

2.结构伪类选择器

-:nth-child(n)：匹配父元素下第n个子元素（从1开始计数）；

-