在前端開發中，CSS 常常是面試的熱門話題之一。下面列舉了一些 CSS 常考的試題，供大家參考。

試題一：下列哪個樣式可以用來清除浮動?

.clearfix {
overflow: hidden;
}

試題二：請問 box-sizing 的默認值是什么?

box-sizing: content-box;

試題三：margin 和 padding 分別影響哪個框模型屬性?

.box {
margin: 10px;
padding: 20px;
}
/* margin 影響外邊距盒 */
/*padding 影響內邊距盒*/

試題四：使用 CSS 實現文字超出一定數量省略號顯示。

.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

試題五：如何垂直居中一個元素？

.container {
display: flex;
justify-content: center;
align-items: center; /* 垂直居中 */
}

試題六：CSS 的優先級是如何計算的？

#container .box {
color: blue;
}
.box {
color: red;
}
/* id選擇器和類或偽類選擇器都有一個樣式，但id選擇器的優先級高于類或偽類選擇器。這個樣式的顏色是 blue */

試題七：請解釋下列 CSS 屬性的使用方式font: 14px/1.5 "PingFang SC",sans-serif;

font-size: 14px;
line-height: 1.5;
font-family: "PingFang SC", sans-serif;
/* 等同于 */
font-size: 14px;
line-height: calc(14px*1.5);
font-family: "PingFang SC", sans-serif;

以上是 CSS 常考試題的一些例子，通過學習和練習這些試題，能夠較好地鞏固 CSS 的基礎知識，提升自己的前端能力。