/*P是HTML語法中的<P>和</P>*/
P{
font-size: 110%;
font-family: garamond, sans-serif;
}
/*H2是HTML語法中的<H2>和</H2>*/
H2{
color: red;
background: white;
}
.highlight{
color: red;
background: yellow;
font-weight: bold;
}
上方範例程式為CSS的標準語法,
分別說明如下
選擇器(Selector)
就是{前面的代稱,例如上方的P和H2。
自訂選擇器
加了.{前面的代稱,例如上方的highlight。
屬性(property)
則是{}中:前的名稱。
值(value)
例如: 110%或是white這些,(長寬高、顏色、大小、位置)。
範例
.highlight{
color: red;
background: yellow;
font-weight: bold;
}
<P class="highlight">這個段落將被顯示為黃底紅字粗體。</P>
在原有的選擇器中加入class="highlight"就能做單一目標指定了。
*如果想要讓H1、H2、H3都使用一樣的設定呢?
只要在各個標籤之間加入空格,
例如:
H1 H2 H3{
color: red;
background: white;
}
參考連結
CSS的由來與基本嘗試建立「新手必讀」
http://6ala.com/teachingfiles/239