css:

外部樣式表

內部樣式表：將CSS直接放在頁面裡，進攻本網頁使用。通過<style>標籤來進行設定

內嵌樣式表：直接使用HTML標籤中style屬性來定義樣式，但是志在所定義的區域內有效

CSS層疊樣式表：

將網頁中的樣式分離出來，完全由CSS來控制

增強樣式的複用性以及可擴充套件性

格式：

    選擇器{屬性名：屬性值；屬性名：屬性值....}

CSS和HTML程式碼結合的四種方式

1、每個html標籤獨有一個style屬性。

2、當頁面有多個標籤有相同樣式時，可以進行復用

<style>css程式碼</style>

3、當有多個頁面中的標籤樣式相同時，還可以將樣式單獨封裝成一個css檔案。

<style>@import url（"1.css"）</style>

4、通過html中head標籤中的link標籤連線一個CSS檔案

<link rel="stylesheet"n href="1.css">

技巧：為了提高相同的樣式的複用性以及可擴充套件性，可以將多個標籤樣式進行單獨定義，並封裝成CSS檔案

在一個css中使用css的import將多個變遷樣式匯入。

然後再html頁面上，使用link標籤匯入這個總的CSS檔案即可。

選擇器：其實就是樣式要作用的標籤容器。

當樣式分離後，html作用在於用標籤封裝成資料，然後將css載入到指定標籤上。

選擇器的基本分類：

1、標籤選擇器：其實就是html中每一個標籤名。

2、類選擇器：其實就是每一個標籤中的class屬性。用.形式表示，只用來給css所使用，可以對不同標籤進行相同樣式設定、

3、ID選擇器：其實就是每一個標籤中的ID屬性，但是要保證ID唯一性。用#來標識。ID不僅可以被css所使用，還可以被javascript所使用

選擇器優先順序.ID>CLASS>標籤

擴充套件選擇器：

1、關聯選擇器：其實就是對標籤中的標籤進行樣式定義，選擇器 選擇器....

2、組合選擇器：對多個選擇器進行iangtong樣式定義，將多個選擇器通過（，）隔開的方式

3、偽元素選擇器：其實就是元素的一種狀態。