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

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

一、CSS基础核心题

1、CSS的引入方式有哪几种？区别是什么？

答案：三种引入方式，各自使用场景和优先级不同

行内样式：直接在标签上写style属性。优先级最高，权重最大，但是耦合性强、不利于维护，一般只用于临时微调样式，不适合全局使用。

内部样式：在html页面head标签内写style标签。仅作用于当前页面，样式和页面绑定，复用性差，适合单页面简单样式开发。

外部样式：单独创建.css文件，通过link引入。实现结构和样式分离，可多页面复用，便于统一维护、优化加载，是项目开发主流方式。

优先级排序：行内样式内部样式=外部样式（后写覆盖先写）

2、CSS选择器有哪些？优先级规则是什么？

常用选择器：通配符选择器、标签选择器、类选择器、id选择器、后代选择器、子代选择器、相邻兄弟选择器、伪类选择器、伪元素选择器、属性选择器。

优先级权重规则（从低到高）：

通配符、继承样式：权重0

标签选择器、伪元素：权重1

类、属性、伪类选择器：权重10

id选择器：权重100

行内样式：权重1000

!important：最高优先级，覆盖所有样式（项目中慎用）

补充规则：权重叠加不进位；权重相同的情况下，后定义的样式覆盖先定义的。

3、什么是CSS继承？哪些属性可以继承，哪些不可以？

CSS继承