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