前端经典面试题合集, 哪些 CSS 属性可以继承?
前端经典面试题合集, 哪些 CSS 属性可以继承?
QA
Step 1
Q:: 哪些 CSS 属性可以继承？
A:: CSS 中可以继承的属性有：color, font-family, font-size, font-style, font-variant, font-weight, letter-spacing, line-height, list-style, text-align, text-indent, text-transform, visibility, white-space, word-spacing, cursor 等等。具体来说，所有的字体相关属性、文本相关属性、列表相关属性、颜色属性都是可以继承的。
Step 2
Q:: 解释 display 属性的不同取值及其作用
A:: display 属性定义元素的显示类型。常见的取值包括：block（块级元素），inline（内联元素），inline-block（内联块元素），none（隐藏元素），flex（弹性盒子），grid（网格），table（表格元素）等。不同的取值决定了元素的布局和渲染方式。
Step 3
Q:: 解释 CSS 中的盒模型
A:: CSS 盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。内容是盒子的实际内容，内边距是内容与边框之间的空间，边框是包围内容的边线，外边距是元素与其他元素之间的空间。
Step 4
Q:: 什么是 CSS 选择器优先级？
A:: CSS 选择器优先级决定了当多个选择器作用于同一元素时，哪一个选择器的样式会生效。优先级由四个部分组成：行内样式 > ID 选择器 > 类选择器、属性选择器、伪类 > 元素选择器、伪元素。优先级用四个数值表示：a, b, c, d。
Step 5
Q:: 什么是 CSS 伪类和伪元素？
A:: CSS 伪类是添加到选择器的关键字，用于选择处于特定状态的元素，如 :hover, :focus, :nth-child。伪元素用于选择元素的一部分，如 ::before, ::after, ::first-letter, ::first-line。