雖說在 Dreamweaver 中不必親自撰寫 CSS 語法, 但為了能更
精確地使用 CSS 樣式表, 認識基本語法及 CSS 在網頁中的使
用方式, 是必要的.

CSS 基本語法

要在一堆原始碼中辨別 CSS 語法, 最簡單的方式就是尋找
"style"字眼, 凡是被包含在＜style＞＜/style＞標籤之間的就是
 CSS 語法, 而且＜style＞標籤一定放在＜head＞與＜/head＞標籤
之中; 有些 CSS 樣式會隨著 HTML 標籤定義, 通常在 HTML 
標籤內部會有個"style="語法就是了.

定義 HTML 標籤的方法

CSS 可將原有的 HTML 標籤定義成自己想要的效果, 基本語法
是在標籤名稱後加上一對{}大括弧, 包住 CSS 的屬性與設定
值, 例如我們要將＜H1＞標籤定義成紅色字體, 語法格式如下：

＜head＞
＜style＞
        H1 { color: red }
＜/style＞
＜/head＞

如果想多定義一點效果, 例如＜H1＞標題文字還要加上綠色的網
底, 那麼可以用";"分號來區隔兩種不同的定義：

H1 { color: red; background-color:green }

如此一來, 如果某段文字加上了＜H1＞標籤, 除了原來的文字加
大, 加粗效果, 還會加上紅字綠底的效果.

自訂專屬樣式

在某些情況下, 我們會希望同一種標籤, 在不同地方可定義不
同的樣式. 可用兩種方式：

直接定義每個標題的屬性：你可以在每個＜H1＞標籤裡面加上
"style=屬性:設定值"語法, 前後不必再加上大括弧, 而作用
範圍也只限於該標籤子之內有效, 如下所示：

＜html＞
＜head＞
＜title＞untitled document＜/title＞
＜meta http-equiv="Content-Type" content="text/html;charset=big5"＞
＜/head＞

＜body bgcolor="#ffffff" text="#000000"＞
＜H1 style="color:red; text-align:center"＞第一組標題字＜/H1＞
＜H1 style="color:blue; text-align:right"＞第二組標題字＜/H1＞
＜/body＞
＜/html＞

不過這種方式與傳統的做法沒什麼差別, 還不是得一個個重
新設定, 只是能做到的效果比較多而已, 對於網頁的製作效
率仍然沒有幫助, 還會使原始碼變多, 檔案變大,不建議使用
此法.

事先建立一整套樣式：你可以將構想中的樣式分別寫成好幾
組設定, 每組設定都給予一個代號名稱(例如A,B,C...), 當
某個＜H1＞標籤要套用紅色, 居中樣式時, 就在該標籤旁註明
要用"A 組設定", 另一個＜H1＞標籤若想套用不同的樣式, 則
可指定為"B 組設定", 語法相當簡單俐落, 而且不是只有
＜H1＞標籤能讀想這份樣式. 任何 HTML 標籤都可套用事先寫
好的各組樣式.

前面所說的"A 組, B組設定", 在 CSS 中稱之為 Selector
(選擇器), 而 "A, B, C"代號則稱為 Class (類別), 這份
類別選擇器要寫在＜style＞與＜/style＞標籤之間, 並放在
＜head＞標籤之下, 一份網頁只要寫一次即可, 語法如下：

＜head＞
＜style＞
      .A{color:red; text-align:center}
      .B{color:blue; text-align:right}
＜/style＞
＜/head＞

定義好 Class 之後, 就可依下述方式在 HTML 標籤中使用：

＜H1 class="A"＞第一組標題字＜/H1＞
＜p class="B"＞這是段落內文＜/p＞

說明："Class"字眼也可以改用"ID"來代替, 此時句點"."
就要改成"#", 在 Dreamweaver 是用 Class 標記, 而不是
用 "ID". 


-- 待續 

索引器也可以接受多個參數, 模擬多維的虛擬陣列。底下的
範例就說明了這樣的用法：
using System;

public class Player
{
  	string name;
 
  	public Player(string name)
  	{
    		this.name = name;
  	}
 
  	public override string ToString()
  	{
    		return(name);
  	}
}

public class Board
{
  	Player[,] board = new Player[8, 8];
 
  	int RowToIndex(string row)
  	{
    		string temp = row.ToUpper();
    		return((int) temp[0] - (int) 'A');
  	}
 
  	int PositionToColumn(string pos)
  	{
    		return(pos[1] - '0' - 1);
  	}
 
  	public Player this[string row, int column]
  	{
    		get
		{
			return(board[RowToIndex(row), column - 1]);
		}
		set
		{
			board[RowToIndex(row), column - 1] = value;
		}
  	}
 
  	public Player this[string position]
  	{
    		get
    		{
      			return(board[RowToIndex(position),
      			PositionToColumn(position)]);
    		}
    		set
    		{
      			board[RowToIndex(position),
      			PositionToColumn(position)] = value;
    		}
  	}
}
class Test
{
  	public static void Main()
  	{
    		Board board = new Board();
 
    		board["A", 4] = new Player("White King");
    		board["H", 4] = new Player("Black King");
 
    		Console.WriteLine("A4 = {0}", board["A", 4]);
    		Console.WriteLine("H4 = {0}", board["H4"]);
  	}
}

這個範例實作了一個可以透過標準西洋棋標示法 (也就是使
用A到H的字母, 再跟著一個1到8的數字) 來存取的棋盤, 其
中第一個索引器是以一個字串以及一個數字做為索引, 而第
二個索引器則是以像是「C5」這樣的單一字串做為索引。

-- 待續