|
阶层样式表在网页制作中起着非常重要的作用,利用它能统一网页文本风格,简化重复工作,强大的自定义功能,让你自由发挥,使你的网页展现出独特个人网页风格。 一、新建一个阶层式样表 阶层式样表是由W3C(World Wide Web Consortium)组织制定的,用来指定段落、文字等网页素材的格式。在Windwos下选CSS Style,或用快捷键F7,打开该面板。新建一个阶层样式表,只要点击右下角的New Style,弹出对话框如图12.1。如果你双击none会弹出如图12.2的窗口,然后你在点击New…,就会弹出图12.1的窗口了。 ![]() 其中: 1.新建一个典型样式表 2.重定义HTML标签 3.选择CSS中几个超链接时要使用的参数 4.可以为新的样式表命名。 注意:当选择1时是命名新的样式表,当选择2时是显示HTML TAG的内容,当选择3时显示超链接的四个参数:active,hover,link,vistited。 ![]() 命名后,按OK,弹出格式设置窗口图12.3。 ![]() 其中: 1.设定基本文字式样 2.设定背景 3.设定Block,包括:改变文字间距(Letter Spacing),段落首行缩排(Text Indent)等。 4.设定Box高度、宽度等 5.设定边框格式 6.设定标识符种类等 7.设置层位置等其他格式 8.设定页中断、光标和过滤器 对于超链接效果可以看这个实例:css.htm. 当建立好一个式样后,只要将要使用该式样的文本选中,然后点击一下式样表中建好式样的名称,该式样就自动应用到选中文本上了。 二、建立并使用外部样式表 只要将定义好的样式表输出成外部就可以了。选中定义好的样式表后,然后选择File下的Export中的Export CSS Style…(图12.4),输入名称保存。 ![]() 如果要使用这个外部样式表,可以点击图12.2中的Link…按钮,弹出对话框窗口图12.5, ![]() 其中: 1.File/URL中可输入外部样式表的路径,或用Browse…在文件列表中找到.css文件。 2.Add As加入方式可以是外部连接Link方式,或直接导入Import方式。 三、转换为3.0以下版本浏览器支持的文档 只要文档中具有层和CSS 阶层样式表的网页才能应用此功能。在File下选择Convert,3.0 Browser Compatible…,出现对话框图12.6。 ![]() 缺省情况下是两种情况都被选中。点击OK后,被转换的网页将作为Untitled新文件打开。然后,保存该文件。 |