电脑家园(www.pchome.cn)

第十一节：接触样式表

网络精英 2003年6月17日16:59 N/A　　

　　正如JavaScript，我对层叠样式表（中文）的工作模式也有所了解，但我至今从未在自己的网站上使用过它。GoLive可以全面支持CSS1标准，虽然有些浏览器无法很好地显示这种效果，但你仍然有可能欣赏到它的特点。
　　
　　做为一个简单样例，我决定把网站中所有超级链接的下划线均取消掉，这样如果访客使用合适的浏览器(GoLive软件中还包括一个浏览器检查脚本)，他们就可以清楚地看到链接。
　　
　　为了实现这一点，我进入了希望实现此种网页效果的布局浏览模式下，在右上角点击"stylesheet"(样式表)按钮(该按钮象是一段台阶)，这时样式表窗口就被打开，我可以在那里为网页订制不同的样式。
　　　　
　　
　　在样式表窗口的上面分别有"Internal"(内部)和"External"(外部)两个标签，我可以从中选择采用哪种模式的样式表。其中外部样式表是与网页文件分开的单独文件，而内部样式表则嵌入网页的中，就象JavaScript那样。
　　
　　此时工具栏转变为样式表工具栏，提供一些按钮功能来为你的样式表增加内容。我所需要的只是改变链接显示效果，这意味着我要对所有带有标签的信息提供统一的样式。因此我在样式表工具栏中点击"New Tag"(新标签)按钮，这时一个新的标签就被加入样式表的标签区域。选择"NewTag"之后，"CSS Selector Inspector"(层叠样式表选择检查器)窗口将出现，在那里我可以把标签重新命名。
　　
　　接着我点击字体标签，在那里对字体样式进行调整。从"Decoration"(修饰)菜单中我选择"None"，这样所有标签中的内容都将不再出现下划线，当然你也可以添加其它修饰效果。
　　
　　

　　
　　回到基本标签栏中，我发现GoLive软件已经自动加入了"text-decoration: none"的字句，并将显示在源程序编码中，样式表的编码将会显现为下面这个样子：
　　
　　
　　
　　好了，取消下划线的工作也已经完成，你可以在4.0版本以上的浏览器中查看上述网页，会发现下划线确实已经消失，另外如果浏览器版本较低也不会出现任何兼容性问题，只是在那种浏览器上仍然会显示下划线而已。
　　
　　层叠样式表可以实现很多其它特效，例如将某内容放置在你希望的地方，控制网页的格式，如页边空白、缩进、重叠文本等。所有上述特效都可以象实现取消下划线那样利用层叠样式表简单地实现。浏览器是否能够解析由万维网联盟(W3C)组织颁布的CSS1标准尚需等待一段时间，但GoLive软件已经在此方面预先做好了准备。