2020年已經(jīng)到來,進(jìn)入了前端面試的高峰期。對于前端工程師而言,CSS技能的掌握至關(guān)重要。在面試中被考官考察的知識點(diǎn)層出不窮,以下是一些必須掌握的CSS面試題。
1. CSS選擇器有哪些?
CSS選擇器分為以下幾種:1. 元素選擇器
2. ID選擇器
3. 類選擇器
4. 子選擇器
5. 后代選擇器
6. 相鄰兄弟選擇器
7. 通用選擇器
2. CSS中如何實(shí)現(xiàn)居中?
使用以下幾種方法可以使一個(gè)元素居中:1. 通過設(shè)置margin實(shí)現(xiàn)居中
2. 通過設(shè)置position和transform實(shí)現(xiàn)居中
3. 通過flex布局實(shí)現(xiàn)居中
3. CSS中偽類和偽元素有什么區(qū)別?
偽類:是一種對元素狀態(tài)的特殊選擇器,例如:hover,:focus等。一個(gè)元素可以有多個(gè)偽類選擇器。 偽元素:是一種創(chuàng)建虛擬元素的選擇器,例如:before,:after等。一個(gè)元素只能有一個(gè)偽元素選擇器。
4. 如何清除浮動?
浮動元素會對其他非浮動元素造成影響,需要進(jìn)行清除浮動。以下是常用的清除浮動方法:1. 使用clear:both清除浮動
2. 使用overflow:hidden產(chǎn)生BFC清除浮動
3. 使用after偽元素清除浮動
5. CSS常用的單位有哪些?
CSS中常用的單位有以下幾種:1. px:像素
2. em:相對于父元素的字體大小
3. rem:相對于根元素(html)的字體大小
4. %:百分比
5. vh、vw:相對于視窗大小
以上是一些CSS面試常考的知識點(diǎn),需要熟練掌握,加強(qiáng)練習(xí)。當(dāng)我們在面試中被考官問到相關(guān)問題時(shí),自信地回答,調(diào)動自己的知識點(diǎn),一定會給考官留下良好的印象。