以下是style.css样式表的代码片段： body {margin: 0px; background-color: #FFFFFF; background-attachment: fixed; } background-image: url(bg.jpg); background-repeat: repeat-x; background-position: top;} .logo {font-size: 24px; font-weight: bold; color: #000000;} th {font-size: 16px; color: #999999; text-decoration: none; letter-spacing: 5px;} td{font-size: 12px;color: #000000;} a:link {font-size: 12px;color: #000000;text-decoration: none; } a:visited {font-size: 12px; color: #000000; text-decoration: none; } a:hover {color: #FF6600; text-decoration: underline; font-size: 12px; } a:active {font-size: 12px; color: #000000; text-decoration: none;} .menu {font-size: 12px; bold; color: #FFFFFF; text-decoration: none; } .menu a:link {font-size: 12px; color: #FFFFFF; text-decoration: none; } .menu a:visited {font-size: 12px; color: #FFFFFF; text-decoration: none;} .menu a:hover {font-size: 12px; color: #000000; text-decoration: underline; } .menu a:active {font-size: 12px; color: #FFFFFF; text-decoration: none;} a.menunow:link {font-size: 12px; color: #000000; text-decoration: none; } a.menunow:visited {color: #000000; text-decoration: none; font-size: 12px; } a.menunow:hover {font-size: 12px; color: #FFFFFF; text-decoration: underline; } a.menunow:active {font-size: 12px; color: #000000; text-decoration: none; } .menuson {font-size: 12px; color: #000000; text-decoration: none;} .menuson a:link {font-size: 12px; color: #000000; text-decoration: none; } .menuson a:visited {font-size: 12px; color: #000000; text-decoration: none; } .menuson a:hover {font-size: 12px; color: #FF6600; text-decoration: underline;} .menuson a:active {font-size: 12px; color: #000000; text-decoration: none;} a.menusonnow:link {font-size: 12px; color: #000000; text-decoration: none; } a.menusonnow:visited {color: #000000; text-decoration: none; font-size: 12px;} a.menusonnow:hover {font-size: 12px; color: #FF6600; text-decoration: underline;} a.menusonnow:active {font-size: 12px; color: #000000; text-decoration: none;} .foot {font-size: 12px; color: #999999; text-decoration: none;} .foot a:link {font-size: 12px; color: #999999; text-decoration: none;} .foot a:visited {font-size: 12px; color: #999999; text-decoration: none;} .foot a:hover {font-size: 12px; color: #FF9900; text-decoration: underline;} .foot a:active {font-size: 12px; color: #999999; text-decoration: none;}

body 网页的边框背景的默认样式
background-image 网页的背景图片
.logo 顶部区的默认样式
td  网页正文的默认样式
th  网页正文里标题的默认样式
.menu 网站主栏目的默认样式
a.menunow 正在浏览的主栏目的样式
.menuson 网站子栏目及边侧的默认样式
a.menusonnow 正在浏览的子栏目的样式
.foot 底部区的默认样式

其中,每个文字样式除了一个默认的状态之外,另外还有四个链接状态.
分别是:
a:link:文字做好链接的状态(没有访问过之前的样式)
a:visited:点击过后的状态(访问过后的链接样式)
a:hover:鼠标移上去的状态(访问没有点击时的样式)
a:active:鼠标点击时的状态(正当访问时鼠标点击下去时的样式)
在没有特殊的效果的时候,一般我们把a:link   a:visited   a:active这几个状态的颜色或字体设为一致的.只修改鼠标移上去的a:hovert的颜色或字体.

另外就是关于菜单样式里面的特殊效果：（比如当前浏览的主栏目，它的栏目名称的颜色和其它主栏目的不同）方法就是在创建菜单样式表的时候，另外再增加四个链接状态
a.menunow:link
a.menunow:visited
a.menunow:hover
a.menunow:active

您可以根据自己的模板需要更改每个样式里面的颜色、文字大小等相关设置
其中：
font-szie是字体大小　
color是字体颜色　
background-color是背景颜色
text-decoration是设置超链接有没有下划线,none代表没有下划线

例如:需要修改网站正文的文字样式;那就是td这个样式,找到td{font-size: 12px;color: #000000;},更改它的默认字体大小和颜色，然后根据需要更改他的四个链接状态样式.即
a:link:文字做好链接的状态(没有访问过之前的样式)
a:visited:点击过后的状态(访问过后的链接样式)
a:hover:鼠标移上去的状态(访问没有点击时的样式)
a:active:鼠标点击时的状态(正当访问时鼠标点击下去时的样式)