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