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