CSS（層疊樣式表）是一種用于網(wǎng)站樣式設(shè)計(jì)的語(yǔ)言。CSS的設(shè)計(jì)可以幫助開發(fā)者通過樣式化各種網(wǎng)頁(yè)元素來(lái)美化網(wǎng)頁(yè)。然而，在深入學(xué)習(xí)CSS是必須要了解CSS的結(jié)構(gòu)設(shè)計(jì)。CSS的設(shè)計(jì)思路基于以下兩個(gè)基本要素：

? 選擇器: 
選擇器是一種用來(lái)選擇需要進(jìn)行樣式化的網(wǎng)頁(yè)元素的CSS詞法。通過指定不同類型的選擇器，我們可以簡(jiǎn)明展示CSS風(fēng)格的范圍。例如，如果我們需要將一個(gè)HTML div元素設(shè)置為紅色，我們可以通過使用如下選擇器來(lái)實(shí)現(xiàn)： 
div { color: red; } 
? 屬性: 
屬性是一個(gè)用來(lái)描述樣式（例如背景顏色、文字顏色、元素大小）的CSS詞法。 在選擇器的作用下，您可以應(yīng)用一個(gè)或多個(gè)屬性來(lái)改變?cè)氐臉邮健＠纾褂孟旅娴膶傩詠?lái)設(shè)置背景顏色為紅色： 
background-color: red

CSS的結(jié)構(gòu)設(shè)計(jì)的基本想法，是基于一種將CSS規(guī)則“分層”的方法。在CSS的結(jié)構(gòu)設(shè)計(jì)中，認(rèn)為每個(gè)CSS規(guī)則需要分為三部分來(lái)實(shí)現(xiàn)：

? 選擇器 
選擇器是用來(lái)選擇影響到的元素的部分。 
? 屬性 
屬性是決定元素樣式的部分。 
? 值 
值是與CSS 樣式屬性關(guān)聯(lián)的參數(shù)，用來(lái)規(guī)定元素在不同設(shè)備條件下的樣式。

不同的選擇器和屬性產(chǎn)生不同的效果。 具體效果詳見https://www.w3school.com.cn/上的CSS樣式表教程。