關於CSS樣式的一些小結
阿新 • • 發佈：2019-01-29
1.CSS程式碼語法：CSS樣式由選擇器和宣告組成，宣告又由屬性和值組成，在英文大括號“{ }”中的就是宣告，屬性和值之間用英文冒號分隔，當有多條宣告時，中間可以用英文分號分隔：
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：
A.語法：<style type="text/css"></style>
B.嵌入式CSS樣式必須寫在<style></style>之間，並且一般情況下也都是寫在<head></head>之間;
例：<style type="text/css">
span{color:red}
</style>
注意：span要用花括號
4.外部式CSS：
A.語法：<link href="main.css" ref="stylesheet" type="text/css">
B. ref="stylesheet" type="text/css是固定寫法不可修改；
三種方法的優先順序：
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：
A.語法：<style type="text/css"></style>
B.嵌入式CSS樣式必須寫在<style></style>之間，並且一般情況下也都是寫在<head></head>之間;
例：<style type="text/css">
span{color:red}
</style>
注意：span要用花括號
4.外部式CSS：
A.語法：<link href="main.css" ref="stylesheet" type="text/css">
B. ref="stylesheet" type="text/css是固定寫法不可修改；
三種方法的優先順序：
注意：
1.上式成立的前提是：這三者的權值要相等（也就是分別進行權值的相加：標籤的權值為1，類選擇器的權值為10，id選擇器的權值為100）；
2.嵌入式 > 外部式有一個前提：嵌入式CSS樣式的位置一定要在外部式的後面，如果在它前面，則優先順序變為外部式 > 嵌入式，即就近原則，離被設定元素越近優先級別就越高。