a12.JPG (9440 bytes)
 

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

返回