css3面试题及答案.docxVIP

css3面试题及答案

一、基础核心类

1.请简述CSS3是什么，它与CSS2的主要区别是什么？

答案：CSS3是CSS（层叠样式表）的第三个主要版本，是对CSS2的扩展和升级，用于定义网页元素的样式、布局和交互效果。它在CSS2的基础上新增了大量特性，同时优化了原有功能，让样式开发更高效、效果更丰富。

主要区别：

1.新增选择器：CSS3新增了属性选择器、结构伪类选择器（如nth-child）、伪元素选择器（如::after）等，无需额外添加类名或ID，就能精准选中元素。

2.样式效果增强：新增圆角（border-radius）、阴影（box-shadow、text-shadow）、渐变（linear-gradient、radial-gradient）、透明度（rgba、opacity）等，替代了传统的图片实现方式，减少资源加载。

3.布局能力提升：新增Flex布局、Grid布局，解决了传统浮动（float）、定位（position）布局的缺陷，能更简单地实现居中、自适应、复杂网格布局。

4.动画与过渡：新增transition（过渡）、animation（动画）属性，无需JavaScript，就能实现元素的平滑过渡和自定义动画效果。

5.响应式相关：新增媒体查询（MediaQuery），能根据设备的屏幕尺寸、分辨率等，为不同设备适配不同的样式，实现响应式网页开发。