在HTML中使用CSS，包括行內樣式、內嵌式、鏈接式和導入式等。
1.行內樣式：
行內樣式是使用CSS方法中最為直接的一種css三種樣式中的優先級順序，它直接對HTML的標記使用style屬性，然后將CSS代碼直接寫入其中。示例：
CSS行內樣式
內容1
內容2
內容3
示例中的3個
標記設置了不同的CSS樣式，各樣式之間互不影響，分別顯示自己的樣式效果。
行內樣式是最簡單的CSS使用方法，但需要為每一個標記設置style屬性，后期維護成本很高，不推薦使用。
2.內嵌式：
內嵌式樣式表就是將CSS寫在
和之間，并且用標記進行聲明。示例：內嵌式CSS
p{
color: #;
text-:;
font-:bold;
font-size:25px;
}
內容1……
內容2……
內容3……
所有的CSS代碼被集中在了同一區域，方便了后期維護，頁面代碼也大大減少。但如果一個網站擁有很多頁面，對于不同頁面上的
標記都采用同樣風格時，內嵌式方法也有些麻煩，因此更適用于對特殊的頁面設置單獨的樣式風格。
3.鏈接式：
鏈接式樣式表使用頻率最高，也是最為實用的方法，它將HTML頁面與CSS樣式風格分離為兩個或者多個文件，實現了頁面框架HTML代碼與美工CSS代碼的完全分離，使得前期制作和后期維護都十分方便，網站后臺的技術人員與美工設計者也可以很好地分工合作。
同一個CSS文件可以鏈接到多個HTML文件中css三種樣式中的優先級順序，甚至可以鏈接到整個網站的所有頁面中，使網站整體風格統一、協調。示例：
鏈接式CSS CSS標題……
內容……
CSS標題……
內容……
鏈接的a1.css文件代碼為：
h2{
color: #;
}
p{
color: #;
text-:;
font-:bold;
font-size:15px;
}
鏈接式CSS的最大優勢在于CSS代碼與HTML代碼完全分離，并且同一個CSS文件可以被不同的HTML鏈接使用。
4.導入式：
導入式樣式表與鏈接式的功能基本相同，只是語法和運作方式上略有區別。采用方式導入的樣式表，在HTML初始化時，會被導入到HTML文件內，作為文件的一部分。
在HTML文件中導入樣式表，常用有如下幾種@語句，可以選擇一種放入之間：
@ url(.css);
@ url(".css");
@ url('.css');
@ .css;
@ ".css";
@ '.css';
示例：
導入式CSS CSS標題……
內容……
CSS標題……
內容……
導入式樣式表的最大好處是可以讓一個HTML文件導入很多樣式表。示例：
導入多個CSS CSS標題……
內容……
CSS次標題……
內容……
其中樣式表a2.css的代碼為：
h3{
color: #;
font-style:;
font-size:40px;
}
不僅HTML文件可以導入多個樣式表，CSS文件也可以導入其他的樣式表。
5.各種使用CSS方式的優先級：
導入式樣式表和鏈接式樣式表統稱為外部樣式，那么優先級順序為：
行內樣式表 > 嵌入式樣式表 > 外部樣式
而在外部樣式中，出現在后面的優先級高于出現在前面的樣式。
如果
中存在多個
7.CSS示例：
h1{/*藍色背景的白色文字標題比較醒目*/
color: white; /*文字顏色*/
-color:#; /*背景顏色*/
font-size:40px; /*字號*/
font-:bold; /*粗體*/
text-align:;/*居中*/
:15px;/*間距*/
}
img{/*插圖與文字混排*/
float: left;
:1px # ;
:5px;
}
p{/*正文樣式*/
font-size:12px;
text-: 2em;
line-:1.5;
:5px;
}
p1{/*id選擇器設置段落樣式*/
-right::4px red ;
}
p2{
-right::4px ;
}
CSS樣式表代碼的注釋語句位于/*和*/之間，可以單行，也可以為多行。
在之間，有時會看到，將所有的CSS代碼包含其中，這是為了避免老式瀏覽器不支持CSS而將CSS代碼直接顯示在瀏覽器上而設置的HTML注釋。