CSS參數應用 @ 請勿拍打

CSS 為 Cascading Style Sheet 的簡稱。中文名為『階層式樣式表』，提供網頁設計者更大的網頁空間應用彈性，讓網頁的文字內容與版面設計分開處理。

應用說明：
複製程式碼到網頁裡的</HEAD>之前即可！

◆基本語法屬性一覽：
<STYLE type="text/css">

</STYLE>

◎

附註：

被『 /* 』及『 */ 』所包圍的文字為說明文字，無礙於樣式的運作。

每個標籤的樣式需要包在一對大括號『 { } 』中。

同一個標籤內的樣式請用分號『 ; 』隔開。

集體聲明：同時聲明某個或數個標籤(以逗號『 , 』分隔)的樣式規則。
例如：BODY, TD {FONT: 9pt "Arial"; COLOR: #1f3f3f}

分項聲明：將許多的樣式規則分組再分別聲明。
例如：TD {FONT-SIZE: 9pt; COLOR: #1f3f3f}
　　　TD {FONT-FAMILY: Arial; LETTER-SPACING: 1px}

外部連結：
<LINK rel=stylesheet type="text/css" href="../style.css">
../ 表示 style.css 的路徑。

外部匯入：
<STYLE>
@import url("../style.css");
</STYLE>

度量單位：

px	表示 pixel 像素，是電腦影像中的最小組成單位。
pt	表示 point 點數(1 point=1/72 英吋)。
pc	表示 pica 倍卡(1 pica=12 點)。
em	表示字型的主體大小(全方)。
en	表示 1/2em(半方)。
ex	表示 x-height 指小寫"x"字母的高度。
in	表示 inch 英吋。
cm	表示 centimeter 公分。
mm	表示 millimeterr 公厘。
%	表示 percentage 百分比(自動劃分)。

DIV與SPAN的比較：
DIV和SPAN這兩個元素在應用的屬性與事件處理上很類似，使用時都必須加上結尾標籤。因為彼此是相互獨立的，
也因此都可以配合挑選者特性來編寫。不同之處在於：DIV元素定義為區塊(block)，在<DIV>...</DIV>之間是一個
很完整的段落區塊。而SPAN元素則是定義為同軸(in-line)，所以<SPAN>...</SPAN>是應用於小範圍內的設定。

◆CLASS、ID 屬性應用：
定義 CLASS 以 . 為開頭。例如：.名稱 {屬性名稱: 屬性設定值}
定義 ID 以 # 為開頭。例如：#名稱 {屬性名稱: 屬性設定值}

範例如下：
<STYLE type="text/css">
.A {COLOR: #ff0000}
#B {COLOR: #3366ff}
</STYLE>

<SPAN class="A">CLASS 屬性應用</SPAN>
<SPAN id="B">ID 屬性應用</SPAN>

◆超連結樣式控制語法：
<STYLE type="text/css">
A:link {COLOR: #666666; TEXT-DECORATION: none;/*連結的字體顏色*/}
A:visited {COLOR: #666666; TEXT-DECORATION: none;/*已開啟連結顯示*/}
A:active {COLOR: #666666; TEXT-DECORATION: none;/*開啟後連結顯示*/}
A:hover {COLOR: #ff6666; TEXT-DECORATION: underline;/*游標接觸時顯示*/}
</STYLE>

語法屬性說明如下：
指令	說明
COLOR: #666666	設定字體顏色
TEXT-DECORATION: none	無連結線
TEXT-DECORATION: overline	上劃線連結
TEXT-DECORATION: line-through	刪除線連結
TEXT-DECORATION: underline	單連結線
TEXT-DECORATION: underline overline	雙連結線
BORDER: 1px solid; TEXT-DECORATION: none	加單層邊框
BORDER: 3px double; TEXT-DECORATION: none	加雙層邊框
BORDER: 1px dashed; TEXT-DECORATION: none	加虛線邊框
POSITION: relative; LEFT: 2px; TOP: 2px	連結位移效果
FONT-SIZE: 1cm	接觸放大效果
BACKGROUND-COLOR: #ff6699	連結背景顏色
BACKGROUND-IMAGE: url("圖片連結位置.gif")	連結背景圖片