使用Dreamweaver工具加入CSS码

　　在页面中加入CSS码，改变页面的显示，但是对于不动CSS语法规则的人来说，使用Dreamweaver同样能加入CSS码来改变显示，这儿有两个小例子。

1·改变链接显示。

　　通常页面的文字链接显示会自动加上下划线，这样看起来比较清晰，让阅读这一看就知道这里有链接，但是整个页面的美观度有损。在Dreamweaver中只要设定Styles就可以轻易的加入CSS码，改变链接显示。

　　具体制作如下：

（1）选择菜单“Windows”下的子菜单“styles”，打开“Styles”对话框，点击对话框底部的按键“StyleSheet……”，弹出“Edit Style Sheet”对话框；

（2）在“Edit Style Sheet”对话框中选择“New”按键；弹出对话框,然后选择确定，弹出对话框“Styler defination for a：link”，在其中设定Text-decoration为none；

同上设定a：visted的Text-decoration为none；

以上述步骤设定a：hoverText-decoration为underline；

打开该页面的Html文档，可以发现在文件头有如下代码：

<style type="text/css">

<!-

a:link(text-decoration:none)

a:visted(text-decoration:none)

a:hover(text-decoration:underline)

->

</style>

这样你可以不必了解有关CSS的各项规则语法，就可以轻松加入CSS码，而在页面中的链接处文字就不会有下划线出现，但当鼠标移到其上时会有下划线出现。你还可以用这种方法设定链接处文字的颜色、文字背景等，增加页面的美观度。

2·创建自己喜爱的字体

　　你一定会发现，一般页面中的default字体往往是12pt的宋体，显得有些大大咧咧，不够细腻，同时过大的字体会让文章占用过多的篇幅，怎么办，教你一招。同上面的（1）、（2）步骤，打开“New style”对话框，所不同的是这次我们选择“Make Custome Styler（class）”，在下面的文本输入框中输入：“·useFont”，选择确定，弹出对话框“Styler defination for·useFont”，在其中设定字体为宋体，字体大小为9points，然后选择确定，我们可以看到在Styles窗口中出现了“userFont”的选项；在需要使用该字体的段落，再在“Styles”窗口中选择“userFont”即可。这个字体就是你在我的页面上看到的，是不是觉得细腻多了，页面也显得文气多了？