css技術乾貨001

前言

本文開始摘錄css專題的所有面試題，題目來源於 網絡、博客、親身經歷等。部分題目存在不許確的狀況，但願你們多加糾正。這裏只是第一期，共10篇，會不斷完善整理中。

若是你喜歡這篇文章就加關注或者喜歡下吧，啦啦啦

題目列表

清除浮動

分析： 比較經典的面試題，常常做爲考察初級前端的必備題，不過做爲flex以及grid佈局愈來愈普及的時候，用浮動實現的頁面愈來愈少。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明，最多見的方式是overflow:hidden .參考：css清除浮動攻略

水平垂直居中

分析： 比較經典的面試題，常常做爲考察初級前端的必備題，不過做爲flex以及grid佈局愈來愈普及的時候，用常規方案實現的愈來愈少。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：水平居中&&垂直居中攻略

固寬與變寬佈局

分析： 比較經典的面試題，常常做爲考察初級前端的必備題，不過做爲flex以及grid佈局愈來愈普及的時候，用常規方案實現的愈來愈少。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：固寬與變寬佈局

列舉css3新特性

分析： 比較經典的面試題，常常做爲考察初級前端的必備題，在項目實踐中除了圓角都用的比較少，大部分的css3效果咱們都是用ui框架或者動畫庫中集成好的，做爲常識仍是要清楚css3添加了哪些。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：css3新特性初步瞭解 ，css3特性瀏覽器支持參考整理版

列舉css選擇器

分析： 比較經典的面試題，常常做爲考察初級前端的必備題，其中經常使用的選擇器必須熟悉掌握，其餘的選擇器做爲參考。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：css選擇器攻略

css樣式的默認值與繼承值

分析： 前端基礎題，常常做爲考察初級前端的必備題，熟悉經常使用的繼承值與默認值能從源碼的角度優化你的樣式代碼。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：css屬性繼承與默認值

說一下你知道的css樣式命名規則

分析： 樣式命名規則是前端樣式開始編寫的最基本原則，對於一種樣式命名的規範以及其思想的闡述與認知，可以發揮在項目開發以及開源代碼庫中，讓你的代碼可讀性、可維護性更強。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：css常見樣式命名規則

移動web端通常如何作適配

分析： 手機web頁製做，其適配原理是首先須要掌握的重點，在下面的方案中我將列舉目前各個大廠在用的適配方案，僅供參考。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：移動端佈局攻略

動態內容等高佈局

分析： 以前的面試中曾經被問到這樣一個樣式題，主要是想針對浮動的元素，讓全部的浮動元素高度與浮動元素最高的高度相同，內容高度是不定的，flex是很容易解決的，下面的文章中還列舉了一些其餘方案。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：動態內容等高佈局攻略

文本超出省略出現「...「怎麼實現

分析： 比較常規的需求，常常會有單行省略以及多行省略的顯示需求。

方案： 本文再也不多餘描述，在個人專題文章中有詳細的說明， .參考：css實現文本省略顯示「...」