第七章 样式表(Style Sheet)
我一直都很喜欢使用样式表,记得以前最早的时候,我是拿Windows自带的记事本来做自己的网页,那时候要用的东西全要自己一个一个字符敲进去,那时做一个网页,真是惨不堪言,你看,如果你想文字加粗,你得在网页中敲入这么一句:<Bold>要加粗的文字</Bold>,哪象现在只要点一下鼠标就万事大吉了。后来学会了样式表,只要定义一次,就可以反复使用很多次,因而在我的网页中总会能找至少一个以上的样式表。如今使用Dreamweaver来织网了,但我依然喜欢样式表,而且目前制作样式表更简单了,只用鼠标点点,一个样式表就完成了,不用再象以前那样整个样式表都要靠自己敲进去了。
总而言之,样式表的好处在于减少了重复作业,也就节约了时间和精力,能让我们抽出更多的时间和精力网海泛舟。
开始制作样式表,有三条路可走:其一是用鼠标右键在弹出的菜单中选择Custom Style(p)-->>Edit Style Sheet...;其二选择快速(Launcher)启动条上的STYLES;其三是选择菜单Text-->> Custom Style-->> Edit Style Sheet...。任选一种方法后将出现如下的图形:

在框中选择New...就可以开始一个新的样式表,此时将弹出如下的框:

框中有三个选项,具体意思如下:
1、Make Custom Style:制作一个新的样式表,在Name框中为你的样式表取个名字(任意取,不过要以一个小句点“."符号开始,默认值是以unnamed1开始的名字)。
2、Redefine HTML Tag:重新定义HTML文本中已经存在的标签,如p 、a、b、span、body等等,还有许多许多。
3、Use CSS Selector:CSS样式表选择器,共有四个选项(全是与链接相关的样式表):
---(1)a:active 正在链接时的样式。
---(2)a:hover 鼠标移到这个链接上(但没有按下),链接文字执行这个样式表。
---(3)a:link 链接文字的样式。
---(4)a:visited 链接已被打开过后,链接文字所执行的样式表。
进入制作界面,如下图:

整个框分成两部分:
1、Category 种类,共有八大类,分别为 Type、Background、Block、Box、Border、List、Positioning、Extensions。
2、Type 类型值,根据所选种类的不同而有不同的参数。
3、样式表具体的参数,请点这儿查看>>>
教你两招:
1、如何让链接的文字没有下划线?在菜单Text-->> Custom Style(p)-->> New-->> Redefine HTML Tag中选择a后,在左边Category为Type时,将右边decoration中的none项选中,当然这里面还有许多别的效果,可以试试看喔!!
2、当鼠标移到链接的文字上后,文字发生变化,如文字颜色变了、大小变了等等,怎么做呢?在菜单Text-->> Custom Style(p)-->> New-->> Use CSS Selector 中选择a:hover后,选几种跟你原先在a 中定义的参数的值不一致,这样当你把鼠标移到链接文字上,就可以看到链接文字发生了变化!
[目录][第一章][第二章][第三章][第四章][第五章][第六章][第七章][第八章][第九章]
蔷薇工作室1999.06