[TOC] ## 前言 本文開始摘錄css專題的全部面試題，題目來源于 網絡、博客、親身經歷等。部分題目存在不準確的情況，希望大家多加糾正。 ## 題目列表 ### 清除浮動 **分析：** 比較經典的面試題，經常作為考察初級前端的必備題，不過作為flex以及grid布局越來越普及的時候，用浮動實現的頁面越來越少。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明，最常見的方式是overflow:hidden .參考：[css清除浮動攻略](http://doc.damobing.com/fe-guide/334434) ### 水平垂直居中 **分析：** 比較經典的面試題，經常作為考察初級前端的必備題，不過作為flex以及grid布局越來越普及的時候，用常規方案實現的越來越少。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[水平居中&&垂直居中攻略](http://doc.damobing.com/fe-guide/344827) ### 固寬與變寬布局 **分析：** 比較經典的面試題，經常作為考察初級前端的必備題，不過作為flex以及grid布局越來越普及的時候，用常規方案實現的越來越少。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[固寬與變寬布局](http://doc.damobing.com/fe-guide/344829) ### 列舉css3新特性 **分析：** 比較經典的面試題，經常作為考察初級前端的必備題，在項目實踐中除了圓角都用的比較少，大部分的css3效果我們都是用ui框架或者動畫庫中集成好的，作為常識還是要清楚css3添加了哪些。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[css3新特性初步了解](http://doc.damobing.com/fe-guide/334426) ，[css3特性瀏覽器支持參考整理版](http://doc.damobing.com/fe-guide/494354) ### 列舉css選擇器 **分析：** 比較經典的面試題，經常作為考察初級前端的必備題，其中常用的選擇器必須熟悉掌握，其他的選擇器作為參考。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[css選擇器攻略](http://doc.damobing.com/fe-guide/334420) ### css樣式的默認值與繼承值 **分析：** 前端基礎題，經常作為考察初級前端的必備題，熟悉常用的繼承值與默認值能從源碼的角度優化你的樣式代碼。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[css屬性繼承與默認值](http://doc.damobing.com/fe-guide/334422) ### 說一下你知道的css樣式命名規則 **分析：** 樣式命名規則是前端樣式開始編寫的最基本原則，對于一種樣式命名的規范以及其思想的闡述與認知，能夠發揮在項目開發以及開源代碼庫中，讓你的代碼可讀性、可維護性更強。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[css常見樣式命名規則](http://doc.damobing.com/fe-guide/334417) ### 移動web端一般如何做適配 **分析：** 手機web頁制作，其適配原理是首先需要掌握的重點，在下面的方案中我將列舉目前各個大廠在用的適配方案，僅供參考。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[移動端布局攻略](http://doc.damobing.com/fe-guide/334438) ### 動態內容等高布局 **分析：** 之前的面試中曾經被問到這樣一個樣式題，主要是想針對浮動的元素，讓所有的浮動元素高度與浮動元素最高的高度相同，內容高度是不定的，flex是很容易解決的，下面的文章中還列舉了一些其他方案。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[動態內容等高布局攻略](http://doc.damobing.com/fe-guide/532520) ### 文本超出省略出現“...“怎么實現 **分析：** 比較常規的需求，經常會有單行省略以及多行省略的顯示需求。 **方案：** 本文不再多余描述，在我的專題文章中有詳細的說明， .參考：[css實現文本省略顯示“...”](http://doc.damobing.com/fe-guide/334436)