CSS是前端開發中不可或缺的一部分，對于求職者而言，面試官經常會深挖其對CSS的掌握程度。本文匯總了一些常見的CSS面試題，供大家參考。

1. CSS的盒模型分為哪幾種？

CSS盒模型主要分為標準盒模型和怪異盒模型。標準模型的width和height是內容的尺寸，而怪異盒模型會包含border和padding。

2. 如何居中一個元素？

可以使用flex布局、絕對定位和margin:auto實現元素的水平居中。垂直居中可以使用flex布局、絕對定位加transform:translateY(-50%)或使用display:table-cell和vertical-align:middle組合實現。

3. CSS選擇器優先級如何計算？

計算選擇器優先級的公式是：!important >行內樣式 >ID選擇器 >類選擇器、屬性選擇器、偽類選擇器 >元素選擇器、偽元素選擇器 >通用選擇器、組合選擇器。其中，通用選擇器和組合選擇器的權重相同。

4. 如何清除浮動？

可以使用clear屬性清除浮動。常見的做法是在浮動元素的父容器上添加一個額外的空元素并設置clear:both，也可以使用::after偽元素清除浮動。另外，使用BFC（塊級格式化上下文）也可以清除浮動（比如在父容器上設置overflow:hidden）。

5. Box-sizing的取值有哪些？

Box-sizing屬性控制盒子模型的計算方式，其取值有content-box和border-box。content-box即為標準盒模型，width和height只包括內容的尺寸；border-box則包含了內容、padding和border三者的尺寸。

總結：

CSS面試題的種類繁多，上述只是其中一部分常見問題。掌握CSS的基本知識、了解瀏覽器渲染機制以及靈活運用常見的CSS技巧，可以讓我們更容易通過面試，獲取心儀的職位。