CSS 樣式表主要有兩種功能，一是改變現有標籤的樣式，二是自定樣式類別。在 Dreamweaver
裡可以按上面功能表的 文字→CSS樣式→新增CSS樣式
去新增一個樣式，在類型的地方可以選擇要 重新定義 HTML 標籤
或是 製作自定樣式，自定的樣式必須以點
. 開頭，例如
.a1、.title。自定一個樣式後，可以在該標籤上按滑鼠右鍵→設定類別，即可套用該樣式。
而重新定義 HTML 標籤部分，最常用的是 body、p、a
等，body 是整個網頁，p
是段落文字，可以用這兩種定義整篇網頁的文字樣式，而 a
是連結，它又可以分成四種狀態：a:link、a:visited、a:hover、a:active，分別代表一般連結、查閱過的連結、滑鼠移上去時的連結、滑鼠按下時的連結。其中最重要的是
a:hover，它是滑鼠移上去時的狀態，可以用它做出一些特效。而這四種狀態，可以在上述新增CSS樣式時，類型選擇
使用 CSS 判斷規則 即可。
CSS 樣式可以調整的選項很多，例如字型、大小、行高、邊界、背景等等，許多在屬性找不到的選項，都可以在 CSS
樣式中找到。
※ 以下語法，請貼在
<head> 到 </head> 之間。
1.改變整體文字大小與顏色：
<style type="text/css">
<!--
body, th, td, input, textarea, select {
font-size: 16px;
color: #000000;
}
-->
</style>
上面的 font-size 是字型大小，單位有
px (像素)、pt
(點)等， color 是文字的顏色。
2.改變捲軸顏色：
<style type="text/css">
<!--
html, body {
scrollbar-base-color:white;
scrollbar-face-color:white;
scrollbar-track-color:white;
scrollbar-arrow-color:black;
scrollbar-3dlight-color:black;
scrollbar-shadow-color:black;
scrollbar-highlight-color:white;
scrollbar-darkshadow-color:white;
}
-->
</style>
上面的 base
是捲軸的色系，當其他七項沒有設定時才有作用。face 是捲軸
BAR 的顏色，track 是 BAR 後面軌道的顏色，arrow
是上、下兩個箭頭的顏色，後面四個是 BAR 以及上、下兩個按鈕邊框的顏色以及陰影顏色。
PS. 原本這些 CSS 樣式是屬於 body
標籤的，但是到了 XHTML 之後，改成是 html
的樣式，所以前面用 html, body 就兩者通吃了。
3.改變連結顏色及底線：
<style type="text/css">
<!--
a:link { color:blue;
text-decoration:underline; }
a:visited { color:purple;
text-decoration:underline; }
a:active { color:red;
text-decoration:underline; }
a:hover { color:red;
text-decoration:none; }
-->
</style>
常用的底線種類有：none、underline、overline、line-through
等，
還可以用 underline overline
同時加入上下底線。
4.改變游標：
<style type="text/css">
<!--
body { cursor:crosshair; }
a { cursor:help; }
-->
</style>
常用的游標種類有：crosshair、
hand、
move、
text、
wait、
help、
n-resize、
w-resize
等，還可以用 url('游標檔名或網址') 使用自定游標。
5.背景圖片不重複
<style type="text/css">
<!--
body {
background-attachment:fixed;
background-repeat:no-repeat;
background-position:100% 100%;
}
-->
</style>
除了不重複外，也可以使用 repeat-x 或
repeat-y 讓它水平或垂直方向重複，至於那兩個
100% 分別是水平以及垂直的位置，例如
0% 0% 是在左上角。