從CSS 樣式代碼插入的形式來看基本可以分為以下3種：內(nèi)聯(lián)式、嵌入式和外部式三種。
1.內(nèi)聯(lián)式
內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中，如下面代碼：
<p style="color:red">這里文字是紅色。</p>
css樣式代碼要寫在style=""雙引號(hào)中，如果有多條css樣式代碼設(shè)置可以寫在一起，中間用分號(hào)隔開。如下代碼：
<p style="color:red;font-size:12px">這里文字是紅色。</p>
2.嵌入式
嵌入式css樣式，就是可以把css樣式代碼寫在<style type="text/css"></style>標(biāo)簽之間。如下面代碼實(shí)現(xiàn)把三個(gè)<span>標(biāo)簽中的文字設(shè)置為紅色：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>嵌入式css樣式</title>
<style type="text/css">
span {
color:red;
}
</style>
</head>
<body>
<p>慕課網(wǎng)，<span>超酷的互聯(lián)網(wǎng)</span>、IT技術(shù)免費(fèi)學(xué)習(xí)平臺(tái)，創(chuàng)新的網(wǎng)絡(luò)一站式學(xué)習(xí)、實(shí)踐體驗(yàn)；<span>服務(wù)及時(shí)貼心</span>，內(nèi)容專業(yè)、<span>有趣易學(xué)</span>。專注服務(wù)互聯(lián)網(wǎng)工程師快速成為技術(shù)高手！</p>
</body>
</html>
一般情況下嵌入式css樣式寫在<head></head>之間。
3.外部式
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以.css為擴(kuò)展名，在<head>內(nèi)（不是在<style>標(biāo)簽內(nèi)）使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)，如下面代碼：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css樣式文件名稱以有意義的英文字母命名，如main.css。
2、rel="stylesheet" type="text/css"是固定寫法不可修改。
3、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)。
優(yōu)先級(jí)：內(nèi)聯(lián)式 > 嵌入式 > 外部式
但是嵌入式>外部式有一個(gè)前提：嵌入式css樣式的位置一定在外部式的后面。
其實(shí)總結(jié)來說，就是--就近原則（離被設(shè)置元素越近優(yōu)先級(jí)別越高）。
