p{color:red;font-size:20px;'}
2.內聯式CSS:A.CSS代碼要寫在要實現效果的文字內容之前的開始標籤裏;
(正確:<p style="color:red">文字內容</p>
錯誤:<p>文字內容</p=style="color:red">)
B.要用style;
C.這個標籤可以是<p>標籤,也可以是<sapn>標籤;
3.嵌入式CSS:應用於多個需要實現效果的內容,用一條CSS代碼;
A.語法:<style type="text/css"></style>
B.嵌入式CSS樣式必須寫在<style></style>之間,並且一般情況下也都是寫在<head></head>之間;
例:<style type="text/css">
span{color:red}
</style>
注意:span要用花括號
4.外部式CSS:外部式css樣式(也可稱爲外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”爲擴展名,在<head>內(不是在<style>標籤內)使用<link>標籤將css樣式文件鏈接到HTML文件內。
A.語法:<link href="main.css" ref="stylesheet" type="text/css">
B. ref="stylesheet" type="text/css是固定寫法不可修改;
三種方法的優先級:內聯式 > 嵌入式 > 外部式
注意:
1.上式成立的前提是:這三者的權值要相等(也就是分別進行權值的相加:標籤的權值爲1,類選擇器的權值爲10,id選擇器的權值爲100);
2.嵌入式 > 外部式有一個前提:嵌入式CSS樣式的位置一定要在外部式的後面,如果在它前面,則優先級變爲外部式 > 嵌入式,即就近原則,離被設置元素越近優先級別就越高。