[返回]
中国计算机报2000年第45期

FrontPage 2000中使用层叠样式表

李先武

  写主页时使用过FrontPage 2000中表格的朋友,大概都有过这样的尴尬:辛辛苦苦写好的主页,在自己的浏览器上看起来好好的,但在别人的浏览器上看起来却怪怪的,不该换行的地方换行了,字体的大小也和你的浏览器上不一样了。


  图1

  所见即所得的网页编辑软件一个突出的特点就在于它使用CSS(Cascading Style Sheets)层叠样式表,这样就可以不受浏览器字体大小设置的影响而保持原有的设计样式。在FrontPage 2000的“格式”选单下有一个“样式表链接”,在弹出的链接样式表窗口中可以添加一个层叠样式表文件,如图1所示。图示的CSS文件是作者事先用ColdFusion Studio的Style Edit编辑好的,使用Style Edit是因为它提供了非常多的可选项,你只要轻点鼠标作一些选择就行了。CSS文件实际上是一个文本文件,对于手头没有ColdFusion的朋友,完全可以用“写字板”自己手工编写简单的CSS文件,看了下面的这个简短的示例文件,你就会感觉其实CSS文件非常简单。

  H1 {

font-size : 48;

font-family : 宋体;

color : Blue;

font-style : italic;

  }

  H2 {

font-size : 24;

color : Red;

font-family : 宋体;

  }

  H3 {

font-size : 16;

color : Red;

font-family : 宋体;

  }



  A {

font-size : 12;

font-family : 宋体;

color : Blue;

text-decoration : underline;

  }



  A:Visited {

font-size : 12;

font-family : 宋体;

color : Purple;

text-decoration : underline;

  }



  A:Active {

font-size : 12;

font-family : 宋体;

color : Green;

text-decoration : underline;

  }



  A:Hover {

font-size : 12;

font-family : 宋体;

color : Red;

text-decoration : underline;

  }



  BODY {

font-size : 12;

font-family : 宋体;

color : Blue;

  }

  链接了这个示例的样式表文件的Web页效果是这样的:未浏览过的链接是蓝色12号带下划线宋体字(对应上面的A),鼠标划过时变红色(其它不变,对应上面的A:Hover),浏览过的链接是紫色12号带下划线宋体字(对应上面的A:Visited),当前激活的链接是绿色12号带下划线宋体字(对应上面的A:Active)。H1、H2、H3分别对应一、二、三级标题。在FrontPage 2000中只要将单元格中链接文字的“样式”设为“普通”,“字体”设为“(默认字体)”,“字号”设为“普通”就可以看到以上的效果,标题的设定与此类似。