前端開(kāi)發(fā)中，CSS 是一項(xiàng)必不可少的技能。下面介紹 CSS 中的 104 個(gè)常識(shí)點(diǎn)，讓你更加深入了解 CSS。 1. CSS 是層疊樣式表的簡(jiǎn)稱(chēng)，用于描述 HTML 中元素的樣式。 2. 使用 CSS 可以將 HTML 頁(yè)面美化且結(jié)構(gòu)更為清晰。 3. CSS 樣式可以通過(guò)內(nèi)聯(lián)方式，內(nèi)部或外部引用的方式來(lái)實(shí)現(xiàn)。 4. CSS 樣式規(guī)則由選擇器和聲明塊組成，用于指定樣式的作用范圍和樣式內(nèi)容。

p {
font-size: 16px;
color: #333;
}

5. 選擇器可以根據(jù)元素、類(lèi)、ID、屬性等不同方式指定需要樣式化的元素。 6. CSS 樣式繼承機(jī)制可以讓子元素繼承父元素的樣式，從而簡(jiǎn)化代碼。 7. 層疊順序是控制樣式優(yōu)先級(jí)的方式，權(quán)重從高到低依次為 !important、內(nèi)聯(lián)樣式、ID、類(lèi)、標(biāo)簽和通配符。 8. 顏色可以使用三種格式來(lái)表示：RGB、HEX、HSL。 9. 字體可以通過(guò) font-family、font-size、font-style、font-weight 和 line-height 等屬性來(lái)設(shè)置。 10. 外邊距和內(nèi)邊距可以通過(guò) margin 和 padding 屬性來(lái)設(shè)置，有四個(gè)方向可調(diào)節(jié)值。 11. 定位可以通過(guò) position、top、right、bottom 和 left 等屬性來(lái)移動(dòng)元素。 12. 浮動(dòng)可以通過(guò) float 屬性來(lái)控制元素靠左或靠右浮動(dòng)。 13. 清除浮動(dòng)可以通過(guò)清除浮動(dòng)的方式避免出現(xiàn)莫名其妙的布局問(wèn)題。 14. 盒模型是控制元素大小的方式，包括邊框、內(nèi)邊距、內(nèi)容和外邊距四個(gè)部分。 15. FlexBox 是一種新的布局方式，使得在不同大小的屏幕上能夠更加靈活地布局和調(diào)整元素位置和大小。 16. CSS Grid 是另一種新的布局方式，使用網(wǎng)格狀結(jié)構(gòu)來(lái)布局和排列元素。 17. 響應(yīng)式設(shè)計(jì)是指在不同大小的可視區(qū)域下，根據(jù)屏幕分辨率和設(shè)備類(lèi)型等因素來(lái)動(dòng)態(tài)調(diào)整頁(yè)面布局和樣式。 18. Media Query 是實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)的常見(jiàn)方式，指根據(jù)不同的屏幕尺寸或設(shè)備類(lèi)型等因素來(lái)應(yīng)用不同的樣式。 19. 偽類(lèi)可以選擇頁(yè)面上未被選擇的元素，如 :hover、:active、:visited、:focus 等。 20. 偽元素可以創(chuàng)建一個(gè)元素的特殊部分，如 ::before、::after、::first-line、::first-letter 等。 21. CSS 可以通過(guò) @import 和 @media 等規(guī)則來(lái)控制樣式的表現(xiàn)效果。 22. CSS 可以兼容使用不同瀏覽器和操作系統(tǒng)的用戶，如使用 vendor prefixes 等。 23. 使用 CSS 可以讓你實(shí)現(xiàn)更加優(yōu)美、簡(jiǎn)潔、高效的頁(yè)面設(shè)計(jì)。 24. CSS 是 Web 前端開(kāi)發(fā)中的重要技能，不斷學(xué)習(xí)和掌握其相關(guān)知識(shí)點(diǎn)可以提高你的技術(shù)水平。