CSS樣式宣告方式

以下介紹CSS的宣告方式，並分析幾種常用的選取器 ，於網頁使用時可斟酌使用。

CSS宣告方式

• 基本的宣告方式如下：
  
  

  宣告	選取器{屬性：設定值} body{color: #0000FF}

• 如果屬性有多個可利用; 分號來區隔，例如：body {font-family: "新細明體"; font-size: 12px ; color: #0000FF; }

CSS選取器

• 選取器可分成：標籤選取器，類別選取器，和進階選取器。
• 標籤選取器 ： 重新定義指定標籤的外貌，例如：body、p、td...等標籤。除可單獨定義一個標籤也可一次定義多個標籤，用,逗點區隔。
  
  

  單 獨 定 義	body {font-family: "新細明體"; font-size: 12px ; color: #0000FF; }
  多 個 定 義	body,p,td,tr,table {font-family: "新細明體"; font-size: 12px ; color: #0000FF; }

• 類別選取器 ： 可套用於任何標籤。會於命名前加一個 . 點。
  
  

  宣告	.topbar { color: #0000FF; }

• 進階選取器 ：連結時態選取器、ID、關聯選取器等。
  
  •連結時態選取器：包括a:link , a:visited , a:hover , a:active四種連結狀態。
  •ID選取器：針對單一區塊的設定。於命名前加一個#字號表示。
  •關聯選取器 ：標籤加上類別或連結時態選取器。例如：p.bar a:link 。