1

CSS是層疊式樣式表(Cascading Style Sheet)的縮寫，或稱為串接樣式表，也可以說它是一組樣式。CSS可以影響整個版面設計，透過CSS可以改變網頁的外觀，包括字體、顏色等。

CSS 語法參考辭典 之文字篇 http://www.cis.nctu.edu.tw/~is91056/css_1.htm
修改CSS 之前，建議先將舊的CSS 儲存成 *.txt 檔（文字檔），萬一修改錯誤時還可以恢復原狀。

/* 這裡放註解，註解可以放在CSS樣式前或後，不可以寫在樣式中，不影響網頁的顯示 */

CSS的語法結構
選擇器   {  屬性：屬性設定值  }
或
選擇器   {  屬性：屬性設定值  ;   屬性：屬性設定值  ; ....}

說明：
選擇器就是某組成要素套用的樣式
屬性就是樣式的種類（哪一種樣式）
設定值是指樣式的設定值

以Xuite　Blog 為例說明
/*主體*/
html{
 scrollbar-face-color: #FFE4E1;
 scrollbar-highlight-color:#CDB7B5;
}
說明：
scrollbar是捲軸
scrollbar-face-color　捲軸表面的顏色
scrollbar-highlight-color　捲軸邊界的顏色
scrollbar-shadow-color　捲軸陰影的顏色
scrollbar-3Dlight-color　捲軸 3D 立體的顏色
scrollbar-arrow-color　捲軸上下箭頭的顏色
scrollbar-track-color　捲軸底部軌道的顏色
scrollbar-darkshadow-color　捲軸第二層陰影的顏色

顏色的寫法
  直接寫顏色的英文名稱，實例　color : gray
  # rrggbb (以32個色階來設定)，實例 color : # FF0000
  rgb(n%,n%,n%)，實例 color : rgb(100%,60%,20%)

參考顏色代碼網址：http://www.gland.com.tw/www/power/colorpicker/

些網頁有工具可以讓你自己Online線上設定你的捲軸顏色，這樣你就不用改的很辛苦，測試半天才找到你要的顏色，網址是↓
http://www.iconico.com/CSSScrollbar/

例如：p {color :# ff0000}
上例作用：將段落內的文字顏色設定成紅色

例如：p {color :# ff0000 ; background-color:# ffff00}
上例作用：將段落內的文字顏色設定成紅色，背景色設定成黃色

/*連結*/
A:link   尚未點選的連結
A:visited  已經點選過的連結
A:active   按下滑鼠鍵時
A:hover  滑鼠游標移到連結上方時
/*連結*/

實例
a:hover {
color: #ff6600;
background: #999999;
text-decoration:overline underline;}

說明：
 text-decoration 是文字效果，
overline (上線)　underline (底線)

引用：http://blog.xuite.net/ohbelinda/csgblog/9239820/track