css 層疊樣式表 Cascading Style Sheets
• 一般說來所有樣式有下面的規則(第四個最有優先權)
1. Browser default
瀏覽器預設樣式. Internal style sheet (inside the
tag)
內嵌樣式表(在標籤內)
4. Inline style (inside an HTML element)
行內樣式(在一HTML元素內)
外部樣式表能夠讓你改變所有出現在你WEB中的外觀和佈局,而僅僅通過編輯一個單獨的CSS文檔.(原理就是一動多變)
CSS的語法由三部分組成: 一個選擇器，一個屬性和一個值，例如：
selector {property: value}
選擇器是需要去定義的元素或標籤
如： body{color:red} 把標籤body的color 屬性定義成多個單字則用雙引號括起來
如：p {font-family: "sans serif"}
如果指定多個屬性就必須將每個屬性用分號隔開
如：p {text-align:center; color:red}
每個HTML元素只能有一個類別屬性
可用p.right {text-align: right} 修飾左右class屬性為right 的p元素或標籤
如果用.right{text-align: right} 則修飾所有class屬性為right的元素或標籤，就沒有特別指一類標籤或元素的意思了。
id 選擇器
css中可以用
#屬性{} 修飾所有id 屬性為相同的元素或標籤與class類似一個是用. 一個是用#
class id#
class id #的屬性名稱不能以數字開頭不然無法在Mozilla/Firefox正常運作
css的註解/* */
三種方法可以插入樣式表
• 外部樣式表（External Style Sheet）
標籤在head區域使用
• 內嵌樣式表（Internal Style Sheet）
使用
• 行內樣式（Inline Styles）
在相關的標籤上用style樣式。樣式屬性可以包含任何CSS屬性。例子中將展示如何給一個段落加上左間距並將顏色改為red
This
is a paragraph
