CSS(Cascading Style Sheets)是前端開發(fā)中不可或缺的一部分,負責對網頁進行美化和設計。CSS的得到廣泛應用,面試中對CSS的考察越來越重要。下面是最新的CSS面試題和技術,供大家參考和學習。
CSS選擇器
常用的選擇器有: 1. 類選擇器: .className {} 2. ID選擇器: #id {} 3. 屬性選擇器: [attribute=value] {} 4. 后代選擇器: p span {} 5. 子元素選擇器: p >span {} 6. 偽類選擇器: :hover {} 7. 通配選擇器: * {}
CSS盒模型
CSS盒模型分為兩種模型:W3C模型和IE模型。 W3C模型:盒子總寬度=內容區(qū)寬度+padding+border+margin IE模型:盒子總寬度=內容區(qū)寬度+margin(border和padding內置)
CSS三大特性
1. 層疊性:多個樣式同時作用于一個元素時,權重和優(yōu)先級的排序規(guī)則是important >行內樣式 >ID選擇器 >類選擇器和屬性選擇器 >標簽選擇器和偽類選擇器 >通配符選擇器,權重相同時,后面的樣式會覆蓋前面的樣式。 2. 繼承性:子代會繼承父元素的樣式,如字體顏色和大小等。 3. 優(yōu)先級:根據(jù)選擇器的復雜度和有效性來計算,復雜度越高優(yōu)先級越高,important樣式最高優(yōu)先級。
CSS單位
1. 相對單位:em、rem、vw、vh等 2. 絕對單位:px、pt、in等 3. 百分比:根據(jù)父元素大小進行計算
CSS布局
1. 浮動布局:利用元素浮動左右移動位置,實現(xiàn)頁面布局。 2. 定位布局:利用元素的position屬性和top、right、bottom、left屬性進行布局。 3. 彈性布局:利用flex屬性進行布局。 4. 網格布局:利用grid屬性進行布局。
以上是CSS面試的常見問題和技術點,希望對大家在CSS方面的學習和面試有所幫助。