在進(jìn)行前端面試的時(shí)候,經(jīng)常會(huì)遇到一些與CSS有關(guān)的問(wèn)題,下面我整理了50道CSS基礎(chǔ)面試題,希望能幫到大家。
1. CSS是什么? 2. CSS有哪些基本特點(diǎn)? 3. CSS如何引入樣式表? 4. 請(qǐng)列舉CSS的三種引入方式。 5. 什么是選擇器?請(qǐng)列舉CSS的幾種選擇器。 6. 如何給元素設(shè)置多個(gè)類(lèi)名? 7. 請(qǐng)簡(jiǎn)述元素、類(lèi)選擇器、ID選擇器之間的優(yōu)先級(jí)。 8. 如何使用!important來(lái)提高樣式優(yōu)先級(jí)? 9. 請(qǐng)解釋一下盒模型是什么。 10. 請(qǐng)列舉盒模型中的幾個(gè)屬性。 11. 如何清除浮動(dòng)? 12. margin和padding的區(qū)別是什么? 13. 如何垂直居中一個(gè)元素? 14. CSS如何設(shè)置背景圖片? 15. 請(qǐng)列舉background屬性的幾個(gè)子屬性。 16. 如何設(shè)置背景圖片的重復(fù)方式? 17. 如何設(shè)置背景圖片的位置? 18. 如何設(shè)置背景圖片的大小? 19. 如何設(shè)置元素的寬度和高度? 20. 如何設(shè)置元素的固定寬度? 21. 如何設(shè)置元素的最大寬度和最小寬度? 22. 如何設(shè)置元素的百分比寬度? 23. 如何設(shè)置元素的響應(yīng)式布局? 24. 如何設(shè)置邊框的樣式、顏色和寬度? 25. 如何設(shè)置邊框的圓角? 26. 如何設(shè)置元素的陰影? 27. 如何設(shè)置元素的透明度? 28. 如何設(shè)置元素的文字顏色? 29. 如何設(shè)置元素的文字大小? 30. 如何設(shè)置元素的文字字體? 31. 如何設(shè)置元素的文字樣式,例如字體傾斜、下劃線(xiàn)等? 32. 如何設(shè)置列表的樣式? 33. 如何設(shè)置元素的位置? 34. 如何設(shè)置元素的層級(jí)? 35. 如何設(shè)置元素的隱藏和顯示? 36. 如何設(shè)置元素的滾動(dòng)條? 37. 如何設(shè)置文字的換行方式? 38. 如何設(shè)置文字的對(duì)齊方式? 39. 如何設(shè)置文字的間距? 40. 如何設(shè)置文字的字母間距和單詞間距? 41. 如何設(shè)置文字的文本裝飾? 42. 如何設(shè)置文字的大小寫(xiě)? 43. 如何設(shè)置文字的行高? 44. 如何設(shè)置超鏈接的樣式? 45. 如何使用CSS實(shí)現(xiàn)響應(yīng)式布局? 46. 如何使用media查詢(xún)? 47. 如何創(chuàng)建動(dòng)畫(huà)效果? 48. 如何使用CSS實(shí)現(xiàn)三欄布局? 49. 如何設(shè)置元素的背景漸變? 50. 如何使用CSS實(shí)現(xiàn)一個(gè)下拉菜單?
上一篇4種css樣式
下一篇4.什么是css的繼承