CSS 樣式表有三種類型：內(nèi)部樣式表、外部樣式表和內(nèi)聯(lián)樣式表。
1. 內(nèi)部樣式表
內(nèi)部樣式表位于`head`標(biāo)簽內(nèi)部，使用`style`標(biāo)簽來(lái)定義樣式，多用于針對(duì)單個(gè)頁(yè)面的樣式設(shè)置。例如：
<head>
<title>內(nèi)部樣式表</title>
<style>
h1 {
color: red;
text-align: center;
font-size: 30px;
}
</style>
</head>
上面的HTML代碼中，在head標(biāo)簽中使用了內(nèi)部樣式表，針對(duì)所有的h1標(biāo)簽設(shè)置了字體顏色為紅色，居中對(duì)齊，字體大小為30px。
2. 外部樣式表
外部樣式表是在一個(gè)單獨(dú)的文件中定義的，可以應(yīng)用于多個(gè)HTML頁(yè)面。這種方式只需要在HTML文件中鏈接外部樣式表文件即可。例如：
<head>
<title>外部樣式表</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
上面的HTML代碼包含了一個(gè)外部樣式表文件"styles.css"。這個(gè)文件包含了樣式定義，可以應(yīng)用于多個(gè)HTML頁(yè)面。
3. 內(nèi)聯(lián)樣式表
內(nèi)聯(lián)樣式表直接應(yīng)用于HTML標(biāo)簽的style屬性中，可以針對(duì)指定的標(biāo)簽設(shè)置樣式。例如：
<h1 style="color:red; text-align:center; font-size:30px;">內(nèi)聯(lián)樣式表</h1>
上面的HTML代碼中，每一位樣式都直接應(yīng)用在h1標(biāo)簽的style屬性中，而不是通過(guò)內(nèi)部樣式表或外部樣式表定義。
京公網(wǎng)安備 11010802030320號(hào)