前端開發中，常常會遇到各種各樣的網頁布局、美化、響應式等問題。而CSS就是完成這些任務的重要工具之一。下面我們就來看一些常見的前端CSS面試題。

1. 介紹一下CSS盒模型

在CSS中，盒模型指的是一個元素的寬度和高度是由 content、padding、border 和 margin 四個部分組成的。
其中，content 是指元素的實際內容；padding 是指元素內部的空白區域；border 是指圍繞在元素周圍的邊框線；margin 是指元素與其它元素之間的空隙。CSS盒模型分為兩種：W3C盒模型和IE盒模型，不同之處在于計算寬高時包含那一部分。

2. z-index的作用是什么？

z-index屬性用于指定元素的層疊順序，即元素在容器中的疊放次序。它的值越高，則元素在容器中就越靠上，會覆蓋其他元素；反之則會被其他元素覆蓋。如果兩個元素的z-index值相同，則它們按在文檔流中的順序排列。

3. 如何實現響應式布局？

響應式布局有專門的框架（如Bootstrap、Foundation等）來實現，也可以使用CSS3的媒體查詢實現。媒體查詢是CSS3新增的一種技術，它允許CSS根據設備的特性（如屏幕尺寸、屏幕方向、分辨率等）來確定使用何種樣式。

4. absolute和relative有什么區別？

absolute和relative都是用于定位元素的屬性。它們的區別在于，relative表示相對于元素自身原來的位置進行定位；而absolute表示相對于最近的非static定位祖先元素進行定位，如果沒有則相對于body元素進行定位。absolute的位置不會影響其它元素的位置，但它的位置不固定，會隨著窗口大小和滾動條滾動而改變。

5. 如何清除浮動？

浮動元素脫離文檔流，可能會引發一些困擾。清除浮動可以使用以下幾種方法：
1. 父元素設置overflow:hidden（缺點是會隱藏溢出的內容）
2. 父元素設置clearfix類樣式（clearfix定義在CSS文件中，具體實現參見下面代碼）
.clearfix::after {
content: "";
display: block;
clear: both;
}
3. 父元素設置display:table屬性

結語

以上只是CSS面試題中的一部分，CSS作為前端的重要組成部分，其知識點廣泛而深奧，需要不斷學習和實踐。希望我們的介紹能夠幫助讀者更好的理解和掌握CSS。