首頁  >  文章  >  web前端  >  css樣式

css樣式

高洛峰
高洛峰原創
2016-11-24 10:08:111373瀏覽

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



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn