1、CSS 語法和選擇器
阿新 • • 發佈:2018-01-28
pre size htm -a pan 選擇器 屬性表 內部 冒號
CSS 規則由兩個主要的部分構成:選擇器,以及一條或多條聲明:
h1 { color:blue; font-size:12px; }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性是您希望設置的樣式屬性。每個屬性有一個值。屬性和值被冒號分開。
CSS 註釋:
/*這是個註釋*/
選擇器的優先級:
標簽內部樣式 > id > class > 標簽選擇器
標簽選擇器實例:
<style> h3{ color:red; } </style> <h3>菜鳥教程</h3>
id 選擇器:
id 選擇器可以為標有特定 id 的 HTML 元素指定待定的樣式。
HTML 元素以 id 屬性來設置 id 選擇器,CSS 中 id 選擇器以添加“ # ”來定義:
HTML--->
id = prar1
CSS--->
#para1 { text-align:center; color:red; }
class 選擇器:
lass 選擇器用於描述一組元素的樣式,class 選擇器有別於id選擇器,class可以在多個元素中使用。
class 選擇器在HTML中以class屬性表示, 在 CSS 中,類選擇器以一個點"."號顯示:
.center { text-align:centr; }
也可以指定特定的HTML元素使用classa選擇器:
h1.center { text-align:center }
1、CSS 語法和選擇器