CSS 規則:
![這裏寫圖片描述]()
- 由選擇器和聲明（一條或多條）組成:
- 選擇器通常是您需要改變樣式的 HTML 元素；
- 每條聲明由一個屬性和一個值組成。
- CSS聲明總是以分號(;)結束，聲明組以大括號({})括起來:
p {
color:red;
text-align:center;
}
CSS 註釋:
- CSS註釋以 “/*” 開始, 以 “*/” 結束。
選擇器
標籤名 {
聲明1;
聲明2;
...
}
- id、class屬性選擇器：在HTML中，標籤的id屬性與class屬性的選擇器分別使用“#”、“.”來標識；
- id、class屬性不要以數字開頭，在 Mozilla/Firefox 瀏覽器中不起作用。
#title {
color:red;
text-align:center;
}
.content {
color:red;
text-align:center;
}
如何插入樣式表
外部樣式
- 外部樣式是指從外部文件中引入樣式，對整個html中相同標籤有效；
- 用法：使用 link 標籤鏈接到樣式表，屬性href的值是css文件地址。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
內部樣式
- 內部樣式是指直接寫在html內部css樣式，對整個html中相同標籤有效；
- 用法：在head標籤中插入style標籤，style標籤裏寫入css樣式。
<head>
<style>
hr {
color:sienna;
}
p {
margin-left:20px;
}
body {
background-image:url("images/back40.gif");
}
</style>
</head>
內聯樣式
- 內聯樣式是指直接寫在標籤中的css樣式，只對當前樣式有效；
- 用法：在相關的標籤內使用樣式（style）屬性。Style 屬性可以包含任何 CSS 屬性。
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
多重樣式
- 可以多做樣式一起混合使用，需要考慮樣式的優先級；
- 優先級：內聯樣式 > 內部樣式 > 外部樣式。
