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

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

一、CSS基础认知题

1.说说CSS的优先级规则，以及权重计算方式

CSS优先级是用来决定多个样式作用于同一元素时，最终生效样式的规则，权重从高到低分级清晰，不存在进制换算，是逐级对比的规则：

优先级从高到低排序：!important行内样式（style）ID选择器类/伪类/属性选择器标签选择器通配符选择器继承样式

权重分级（便于记忆和对比）：

行内样式：1000

ID选择器：0100

类、伪类、属性选择器：0010

标签、伪元素选择器：0001

通配符、后代选择器：0000

核心规则：

1.权重数值不进位，比如11个类选择器（00110）优先级低于1个ID选择器（0100）；

2.权重相同时，后写的样式覆盖先写的；

3.!important优先级最高，会直接覆盖所有样式，开发中尽量少用，避免样式难以维护；

4.继承的样式权重最低，低于所有手动设置的样式。

2.CSS的引入方式有哪些？各自的优缺点

一共三种常用引入方式：行内样式、内部样式、外部样式

1.行内样式：直接在标签style属性写样式

优点：优先级最高、生效快，适合临时微调样式；

缺点：结构样式混杂，代码冗余，无法复用，不利于维护。

2.内部样式：在head标签内的style标签中书写样式

优点：样式集中管理，当前页面可复用，无额外网络请求