CSS是現在前端領域中必不可少的技能之一。許多面試都會詢問CSS相關的問題,以下是2018年CSS方面的面試題。
1.在CSS中如何居中元素?
答:通過以下幾種方式實現元素的居中: - 水平居中:text-align:center; - 垂直居中:設置父元素的高度,然后添加以下代碼 display:flex; justify-content:center; align-items:center; 這種方式還可以實現水平、垂直居中。
2.CSS選擇器的優先級是什么?
答:CSS選擇器的優先級從高到低依次為: - !important - 內聯樣式 - #Id選擇器 - .Class選擇器,屬性選擇器,偽類選擇器 - 標簽選擇器,偽元素選擇器
3.CSS中visibility: hidden 和 display: none有什么區別?
答:visibility: hidden會隱藏元素但保留該元素占據的空間,display: none會隱藏元素并將該元素從文檔流中移除,不保留該元素的占據的空間。
4.如何利用CSS實現一個元素旋轉?
答:使用transform屬性來實現元素的旋轉效果。例如:transform:rotate(45deg);
5.如何清除浮動?
答:有以下兩種方法清除浮動: - 給父元素添加overflow:hidden屬性 - 在浮動元素后添加一個帶clear:both屬性的空元素
總結:以上是幾個常見的CSS面試題,掌握CSS的基礎知識對前端的發展至關重要,不斷學習和實踐將會提高自己的水平。