CSS樣式有四種：內(nèi)聯(lián)樣式、內(nèi)部樣式、外部樣式和引入樣式表。
一、內(nèi)聯(lián)樣式
<p style="color:red">這是紅色字體</p>
內(nèi)聯(lián)樣式是直接在HTML標(biāo)簽中設(shè)置樣式，其語法為style="屬性:屬性值"。內(nèi)聯(lián)樣式的優(yōu)先級最高，會覆蓋其他樣式。
二、內(nèi)部樣式
<head>
<style>
p{color:red;}
</style>
</head>
<body>
<p>這是紅色字體</p>
</body>內(nèi)部樣式是在head標(biāo)簽中設(shè)置樣式，其語法為<style>標(biāo)簽。在內(nèi)部樣式中，可以使用CSS規(guī)則設(shè)置多個標(biāo)簽的樣式。與內(nèi)聯(lián)樣式不同，內(nèi)部樣式的樣式僅對當(dāng)前HTML頁面生效。
三、外部樣式
//CSS文件
p{color:red;}
//HTML文件
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>這是紅色字體</p>
</body>外部樣式也是在head標(biāo)簽中設(shè)置樣式，其語法為<link>標(biāo)簽。外部樣式需要在獨立的CSS文件中設(shè)置，HTML頁面通過<link>標(biāo)簽引入。外部樣式可以跨多個HTML頁面使用，提高了樣式代碼的復(fù)用性。
四、引入樣式表
//CSS文件
p{color:red;}
//HTML文件
<style>
<?php include 'style.css'; ?>
</style>
<body>
<p>這是紅色字體</p>
</body>引入樣式表是在HTML頁面中使用服務(wù)器端代碼引入外部樣式表。這種方式可以實現(xiàn)動態(tài)加載樣式表，比較方便。