下面以一段比較典型的CSS代碼為例介紹其具體用法。
例：這段代碼 中間的部分共七行，可看出有這樣的特點：前兩行的格式分別為P {……} 和 TD {……} 。後五行均是 A:命令詞 {……} 的格式。其中前兩行的作用是對網頁文字的字體、大小、顏色等的控制，而後五行則是對鏈接的色彩及下劃線的控制。
1.文字控制
例中的前兩行:
P {FONT－FAMILY: 宋體; FONT－SIZE: 9pt; LINE－HEIGHT: 12pt; color:＃000000} TD {FONT－FAMILY: 宋體; FONT－SIZE: 9pt} 說明：FONT－FAMILY:宋體;(指定網頁文字的字體) FONT－SIZE:9pt;（指定網頁文字的字號大小，pt是表示大小的單位）LINE－HEIGHT:12pt;（指定行與行的垂直距離，即行高）color:＃000000（指定網頁文字的顏色，＃000000 代表黑色，為十六進制數）TD {FONT－FAMILY:宋體;FONT－SIZE:9pt}（對網頁表格裡的文字進行控制）
2.鏈接色彩變化及下劃線的控制
例中的後5行說明：
A:hover {BACKGROUND－COLOR: ＃ffccff; COLOR: ＃0080ff}
(hover表示鼠標指示時,鏈接文字背景色為＃ffccff;前景色為＃0080ff)
A:link {color:＃000000;TEXT－DECORATION: none}
(link表示未被訪問時,鏈接顏色為黑色,鏈接無下劃線.)
A:visited {color:gray;TEXT－DECORATION: none}
(visited表示被訪問後,鏈接顏色為灰色,鏈接無下劃線.)
A:active {color:green;text－decoration: none}
(active表示鼠標點擊時,鏈接顏色為綠色,鏈接無下劃線.)
A:hover {TEXT－DECORATION: underline}
(hover表示鼠標指示時,鏈接顯示下劃線)
注釋：
none——沒有下劃線
underline——下劃線
overline——上劃線
line－through——中劃線
以上是比較典型的一段CSS代碼，代碼中的參數值可隨意更換調試。有了CSS的預先設置，你會發現制作網頁變得更輕松了。