1行內(nèi)樣式2內(nèi)嵌樣式3外部樣式

一般在該頁面內(nèi)直接<style>包含的樣式方式叫內(nèi)聯(lián)樣式

用<linkhref="">引用的外部css樣式文件的方式叫你所謂的“外部”

行內(nèi)樣式，其實從它的名字就可以看出來它的特點，就是直接在HTML標(biāo)簽中使用style屬性設(shè)置CSS樣式。例如像下面這樣的：

<pstyle="font-size:18px;">行內(nèi)樣式</p>

CSS基本表現(xiàn)形式只有三種：

標(biāo)簽樣式、Class類樣式、ID樣式
1.標(biāo)簽樣式:必須與HTML標(biāo)簽同名。僅僅影響同名標(biāo)簽
2.Class樣式：可以在任何標(biāo)簽中使用:class="樣式名"
3.ID樣式
優(yōu)先級ID>Class>Label
1:HTML(結(jié)構(gòu)層)2:CSS(表現(xiàn)層)3:JavaScript(行為層)的關(guān)系
1:HTML(結(jié)構(gòu)層)2:CSS(表現(xiàn)層)3:JavaScript(行為層)
2:HTML類似人的骨骼,CSS就像人的皮膚，JS給人賦予生命。
3:前端框架：BootStrap/Jquery(通過網(wǎng)頁的dom對象類進(jìn)行選擇)/Vue、Angularjs（雙向數(shù)據(jù)綁定）

CSS樣式分為：內(nèi)聯(lián)式css樣式、嵌入式css樣式、外部式css樣式。

對CSS三種樣式定義及其實例：

內(nèi)聯(lián)式css樣式。

內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中，如下面代碼：

1  <p style="color:red">這里文字是紅色。</p>  css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設(shè)置可以寫在一起，中間用分號隔開（英文狀態(tài)下;）。

嵌入式css樣式。

嵌入式css樣式，就是可以把css樣式代碼寫在標(biāo)簽之間。如下面代碼實現(xiàn)把三個標(biāo)簽中的文字設(shè)置為紅色：

1  <style type="text/css">span{color:red;}</style>  

嵌入式css樣式必須寫在之間，并且一般情況下嵌入式css樣式寫在之間。

外部式css樣式。

外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴(kuò)展名（也可以為調(diào)用其他網(wǎng)站CSS）。

1  <link href="style.css" rel="stylesheet" type="text/css" />  

注意事項： 1、css樣式文件名稱以有意義的英文字母命名，如main.css。 2、rel=”stylesheet”type=”text/css”是固定寫法不可修改。 3、標(biāo)簽位置一般寫在標(biāo)簽之內(nèi)。