css面试题

以下是一些CSS面试题：

一、基础概念

1. CSS盒模型是什么？如何改变盒模型？

   • 答案：
     • CSS盒模型描述了HTML元素在网页布局中所占的空间结构。它由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。
     • 可以使用box - sizing属性改变盒模型。box - sizing: content - box是默认值，表示元素的宽度和高度只包含内容部分；box - sizing: border - box时，元素的宽度和高度包含了内容、内边距和边框部分。

2. CSS选择器的优先级如何计算？

   • 答案：
     • 内联样式（如style = "..."）优先级最高，为1000。
     • ID选择器（如#id）优先级为100。
     • 类选择器（如.class）、属性选择器（如[type = "text"]）和伪类选择器（如:hover）优先级为10。
     • 标签选择器（如div）和伪元素选择器（如::before）优先级为1。
     • 如果多个选择器的优先级相同，则后面的选择器会覆盖前面的选择器。可以通过!important关键字提高某个样式的优先级，但不建议过度使用。

二、布局相关