为了达到修改整个网页的目的，我们需要编辑一个外挂式的css文档。根据这个文档定义和修改不同css属性并在页面元素相同或者相似的网页里调用它。

　　现在网页中流行宋体的9pt和10.5pt的字体，按快捷键“shift+f11”打开“css style控制面板”，单击“new style”按钮，弹出“new style”对话框，复选“redefine html tag”的“type”类型，这时在tag处会出现“body”、“br”、“cite”等选项，选择“body”后确认。这样我们就建立了一个外挂的css文档，在保存对话框中保存为all后就进入“style definition for body in all.css”对话框(如图1)。选择“category”中的“type”项，定义“font”为“宋体”、“size”参数为“9”，其后的下拉框选择“points”、“color”自定义为喜好颜色就可以了。当然还可以选择“category”中的“background”项来定义“background”颜色和其他背景属性。这时您会看到页面中内容的整体改变。

图1

　　经过上面的改变有时不免给您带来一定麻烦，如果遇到页面中某个元素，比如突出显示的文字的字体、字号以及颜色怎么办！这里我们就需要再定义一个新的css样式单来对其进行控制，右键点击页面编辑区，在弹出快捷菜单中点击“css style/edit style sheet”命令，弹出“edit style sheet”对话框，选择列表中的all.css，点击“new”按钮，在弹出的“new style”对话框中选择“make custom style(class)”的“type”类型定义一个自己偏好的css控制。如果想更改页面中某一元素的属性，选中它然后右键单击“css styles”面板中“apply styles”中刚才定义的css，执行“apply”命令就可以了(如图2)。

图2

　　超级链接也是网页中经常使用的，而网页的链接色默认都是蓝色，虽然可以更改，但单一色彩在不同背景色的网页上显示就不是那么奏效了，我们来看一下如何用css控制网页实现不同的个性链接颜色。在“new style”对话框中，选择“use css selector”的“type”类型，在“selector”下拉框中会列出“a:link(链接属性)”、“a:hover(鼠标移动到链接上的属性)”、“a:visited(链接被访问后属性)”、“a:active(链接焦点状态下的属性)”4个选项(如图3)，这4个选项的设置会控制网页中所有的链接的属性，我们可以分别定义这4个属性，然后添加到“css style”面板中与默认设置不同的css控制中，再将其“apply”到需要改变的链接上就实现了。如果将“hover”的字体设置的比“link”稍微大一点，就会出现鼠标移动到链接上时字体变大的效果，试试看是不是很奇妙！

图3

　　名词解释：css即层叠样式表(cascading style sheet)是在网页制作过程中普遍用到的技术。采用了css技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。dreamweaver mx推出后，其改进的css渲染和设计工具、通过增强css面板清晰显示内、外部定义的样式，让用户构建出符合最新css标准的站点。