前端面試中常常涉及到CSS方面的問題，下面列出了一些常見的CSS面試真題，供大家參考：

1. 什么是CSS選擇器？列舉CSS選擇器的種類。
CSS選擇器指定了CSS規則應該應用到哪些元素上。CSS選擇器有基本選擇器、關系選擇器、屬性選擇器、偽類選擇器、偽元素選擇器、通配符選擇器等。
2. 什么是盒子模型？列舉盒子模型的屬性。
盒子模型是指在HTML中的每個元素都可以看做是一個盒子，由padding、border、content、margin四部分組成。其中，屬性有width、height、padding、border、margin等。
3. 如何使一個元素相對于其父元素居中？
可以用margin和position屬性將其定位到中心點上，如下所示：
.parent{
position:relative;
}
.child{
position:absolute;
top:50%;
left:50%;
margin:-20px 0 0 -20px; /*元素寬高的一半*/
}
4. 什么是浮動？如何清除浮動？
浮動是元素在文檔流中向左或向右移動，直到遇到父元素邊緣或另一個浮動元素。清除浮動可以使用清除浮動的方法，如在父元素中添加overflow:hidden、clear:both等屬性。
5. 如何實現水平垂直居中一個元素？
可以使用flex布局，該元素的父元素設置為display:flex;，并設置align-items:center和justify-content:center。
6. 如何使用CSS實現動畫效果？
可以使用CSS3中的transition和animation屬性來實現動畫效果，例如：
div{
transition:all 2s ease-in-out; /*所有屬性2s平滑過渡*/
}
div:hover{
transform:rotate(360deg); /*鼠標懸停時旋轉360度*/
}
7. 什么是Box-Sizing屬性？
Box-Sizing屬性規定了元素的尺寸應包括padding和border，可選值為content-box（默認值）和border-box。