以下是一些CSS面试题:
一、基础概念
-
CSS盒模型是什么?如何改变盒模型?
- 答案:
- CSS盒模型描述了HTML元素在网页布局中所占的空间结构。它由内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。
- 可以使用
box - sizing
属性改变盒模型。box - sizing: content - box
是默认值,表示元素的宽度和高度只包含内容部分;box - sizing: border - box
时,元素的宽度和高度包含了内容、内边距和边框部分。
- 答案:
-
CSS选择器的优先级如何计算?
- 答案:
- 内联样式(如
style = "..."
)优先级最高,为1000。 - ID选择器(如
#id
)优先级为100。 - 类选择器(如
.class
)、属性选择器(如[type = "text"]
)和伪类选择器(如:hover
)优先级为10。 - 标签选择器(如
div
)和伪元素选择器(如
- 内联样式(如
- 答案: