css樣式

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