您的位置：寻梦网首页＞实用电脑技巧＞Dreamweaver专题＞Dreamweaver教学之九

Dreamweaver教学之九
——使用 CSS 定义页面

作者：不详　　来源：电脑报

ＣＳＳ样式表的出现已经有几年了, 但肯定的一定就是, 直到现在它才得到真正意义上认可和应用, 利用ＣＳＳ技术您可以以像素的单位来控制您页面中的一切元素, 比如您一定和我一样都厌烦了浏览器常见的３号字或２号字, 不但粗糙而且难看, 现在您可以磅值来控制页面中字体的大小, 当然ＣＳＳ有更多的作用, 但ＣＳＳ和ＨＴＭＬ一样, 众多的属性, 烦琐的定义过程, 以至于您很难靠手工编辑来掌握它, 现在有了ＤＷ２的样式表编辑器您终于可以自由地使用ＣＳＳ, 而不需要受它的限制。

动ＣＳＳ样式表编辑器在这里：单击快速启动栏中的按钮, 如果在此之前, 您未编辑过任何的ＣＳＳ标识符或重新定义过ＨＴＭＬ标签, 那么将会出现如左下图的形式：
ＡＰＰＬＹ　ＴＯ：表示ＣＳＳ样式表作用的区域, 让我们开始编辑第一个ＣＳＳ标识符吧！单击最下面的ＳＴＹＬＥ　ＳＨＥＥＴ．．．, 就会弹出另一个窗口如右下图：

右图中最大的空白则是显示已经定义的ＣＳＳ样式, 如果您什么都未定义, 那么在这上面将是一面空白, 空白的右上角的Link：用来链接一个外部样式表（.css结尾）: ＮＥＷ：是新建一个ＣＳＳ样式标识符；Edit则是编辑原来存在的ＣＳＳ样式标识符, 若没有, 其是处于不可激活状态；ＤＵＰＬＩＣＡＴＥ．．．：用来复制一个已经存在的ＣＳＳ样式标识符, ＲＥＭＯＶＥ：则是从左边列表中除去一个样式标识符。

下面让我们单击ＮＥＷ按钮, 此时会弹出一个菜单供您选择, 如下图：


第一项表示制作一个新的样式表示符, 可以任意命名, 以．开头, 如．title ,．h等等；
第二项表示重新定义一个ＨＴＭＬ标签, 如<BODY>,<H>等等；
第三项表示使用ＣＳＳ选择器, 如a:hover、a:link等等。我们任选一个, 单击ＯＫ, 就会进入最后的编辑器, 在这部分, 内容均为ＣＳＳ的相关属性, 如字体族科, 字体磅值, 字体形态, 行间距, 背景色等诸多属性, 我就不一一涉及, 最好大家能参照ＣＳＳ说明文档一边使用, 一边看说明。

本教程转自电脑报