CSS樣式分為：內聯式css樣式、嵌入式css樣式、外部式css樣式。對CSS三種樣式定義及其例項：

內聯式css樣式。內聯式css樣式表就是把css程式碼直接寫在現有的HTML標籤中，如下面程式碼：

<p>這裡文字是紅色。</p>

css樣式程式碼要寫在style=""雙引號中，如果有多條css樣式程式碼設定可以寫在一起，中間用分號隔開（英文狀態下;）。嵌入式css樣式。嵌入式css樣式，就是可以把css樣式程式碼寫在標籤之間。如下面程式碼實現把三個標籤中的文字設定為紅色：

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

注意事項： 1、css樣式檔名稱以有意義的英文字母命名，如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。 3、標籤位置一般寫在標籤之內。掌握好三種CSS三種樣式使用方法在Web開發中將節省很多時間。