作為前端開發(fā)者，熟練掌握 CSS 是必不可少的。有些人可能比較困難，但是只要好好開始學(xué)習(xí)，CSS 是可以讓你感到越來越簡單的。

CSS 的基本語法是：選擇器{樣式屬性：屬性值;}

h1{
color: red;
font-size: 36px;
}

上面的代碼片段中，h1 是選擇器，用來選中頁面中的 h1 元素。color 和 font-size 是樣式屬性，而 red 和 36px 則是它們的屬性值。

在 CSS 中，有三種選擇器：元素選擇器、類選擇器和 ID 選擇器。

/* 元素選擇器 */
p{
font-size: 14px;
}
/* 類選擇器 */
.red-text{
color: red;
}
/* id 選擇器 */
#header{
background-color: gray;
}

元素選擇器是選中所有指定類型的元素，類選擇器是選中在 HTML 中有指定類名的元素，而 ID 選擇器則是選中在 HTML 中有指定 ID 名的元素。

除了單個(gè)的屬性賦值外，還可以同時(shí)賦值多個(gè)屬性。

.main-title{
font-size: 28px;
font-weight: bold;
color: blue;
}

值得注意的是，在 CSS 中，選擇器的權(quán)重可能影響最終的樣式。權(quán)重值如下：

• ID 選擇器：權(quán)重值為 100
• 類選擇器、屬性選擇器和偽類選擇器：權(quán)重值為 10
• 元素選擇器和偽元素選擇器：權(quán)重值為 1

如果兩個(gè)選擇器權(quán)重值一樣，那么后定義的樣式將覆蓋之前定義的樣式。

CSS 還有一些其他屬性，例如盒模型屬性（如 padding、margin、border）等等。不要被這些屬性嚇到，只要開始嘗試一些簡單的屬性，并不斷學(xué)習(xí)進(jìn)階的內(nèi)容，CSS 就會(huì)變得輕松易懂。