CSS可以嵌入到HTML中使用。

每個CSS語法包含兩部分，選擇器和應用的屬性。

div用來聲明針對頁面上的哪些元素生效。

具體設置的屬性以鍵值對形式表示，屬性都在{}里，屬性之間用;分割，鍵和值之間用:分割。

因為CSS的特殊命名風格，CSS不能進行算術運算。

注釋：/* */

CSS的引入方式

1.內部樣式

2.內聯樣式

使用style屬性（每個標簽都可以有style屬性，里面就可以直接寫CSS，不必寫選擇器，只是針對當前元素生效）

當給一個元素分多種方式設置樣式時，如果是不同的屬性，則會疊加，CSS就叫層疊樣式表

如果是相同的樣式，通過style屬性的設置，優先級高于style標簽。CSS的樣式優先級，有一套復雜的規則。

3.外部樣式

把CSS寫到一個單獨的.css文件中，通過link標簽引入到html文件里

外部樣式和內聯樣式沖突了，內聯樣式優先級高。

外部樣式和內部樣式沖突了，看誰離元素更近。

實際開發中，最主要的寫法是外部樣式，外部樣式可以讓頁面結構和樣式分離開。

同時也就可以復用樣式到其他頁面中了。內聯樣式往往是修修補補，比較直接，具有針對性。

樣式格式

緊湊風格

p{color:red; font-size; 30px;}

展開風格

p{

color:red;

font-size:30px;

}

CSS選擇器

描述了我們要選中頁面中的哪個元素

{}的樣式就是針對這些元素生效的。

CSS選擇器有多種寫法：

1.標簽選擇器

寫個標簽名字，標簽名就表示針對當前頁面中所有的指定標簽，都會被選中。

2.類選擇器

可以讓樣式差異化效果

類選擇器允許讓多個元素，引用同一個類。

類選擇器是CSS選擇器中，最靈活的一種方式，也是最常用的方式

3.id選擇器

每個元素都有一個id屬性，需要id值在頁面中是唯一的。使用id選擇器來選中到對應的元素上。

#開頭表示是id選擇器，后面的the-id對應到頁面上的id位'the-id'的元素

4.通配符選擇器

*{}

選中頁面中的所有元素，可以讓頁面所有元素都被選中，通常用于干掉瀏覽器的默認樣式。例如：文本默認的顏色，字體大小，默認段落間距等，這種沒有指定樣式，也會默認帶的，這是瀏覽器賦予的默認樣式，在不同瀏覽器上可能不一樣。

上述這四個成為基礎選擇器，還有一類，符合選擇器，簡單來說就是把多個基礎選擇器給組合起來了。

復合選擇器

1.后代選擇器

即在指定的元素里面去篩選后代元素。

具體的寫法：元素1 元素2 {樣式聲明}

元素1和元素2可以是標簽選擇器，也可以是類選擇器，還可以是id選擇器

效果一樣

2.子選擇器

和后代選擇器類似，但是只能選擇子標簽，無法選擇孫子及其以后得標簽

3.并集選擇器

針對多個不同的選擇器，應用相同的樣式屬性。

4.偽類選擇器

是選中元素的不同狀態。主要先學兩個：

:hover鼠標放上去

:active鼠標按下去

常用元素屬性

字體類型、字體大小、字體粗細（100-900的整數）、文字傾斜。

rgb：計算機表示顏色的基本方式

三原色，可以構成各種顏色。計算機中典型的標識方式，就是使用一個字節，表示R，一個字節表示G，一個字節表示B。每種顏色的取值范圍在0-255。合在一起，顏色的取值種類就很多了。

前端里就是這樣表示顏色的。

rgba比rgb多一個參數，表示透明度（取值為0-1），透明度是1時，表示不透明。

十六進制也能表示顏色，全0表示黑色，#ff0000表示紅色。這六位里，只有前兩位為f表示紅色，只有中間兩位為f表示綠色，只有最后兩位為f表示藍色。

十六禁止的表示方式可以縮寫，例如#AABBCC就可以縮寫成#ABC。#AABCDD不能縮寫

text-align：left、center、right。左對齊、居中對齊、右對齊。