标题在FrontPage2000中使用层叠样式表
栏目网络与通信
作者东莱
发布2001年41期
我们在用FrontPage 2000表格做主页的时候，大概都有过这样的尴尬：写好的主页，在自己的浏览器上看起来好好的，但在别人的浏览器上看起来却怪怪的，不该换行的地方换行了，字体的大小也和你的浏览器上不一样了。
所见即所得的网页编辑软件一个突出的特点就在于它使用CSS(Cascading Style Sheets)层叠样式表，这样就可以不受浏览器字体大小设置的影响而保持原有的设计样式。在FrontPage 2000的“格式”选单下有一个“样式表链接”，在弹出的链接样式表窗口中可以添加一个层叠样式表文件。这些文件大家可以先用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；
}
avisited{
font-size:12；
font-family：宋体；
color:purple；
text-decoration:underline；
}
aactive{
font-size:12；
font-family：宋体；
color:green；
text-decoration:underline；
}
ahover{
font-size:12；
font-family：宋体；
color:red；
text-decorationu:nderline；
}
body{
font-size:12；
font-family：宋体；
color:blue；
}
链接后，这个示例样式表文件的Web页效果该是：未浏览过的链接是蓝色12号带下划线宋体字(对应上面的a)，鼠标划过时变红色(其它不变，对应上面的a:hover)，浏览过的链接是紫色12号带下划线宋体字(对应上面的a:visited)，当前激活的链接是绿色12号带下划线宋体字(对应上面的a:active)。h1、h2、h3分别对应一、二、三级标题。在FrontPage 2000中只要将单元格中链接文字的“样式”设为“普通”，“字体”设为“(默认字体)”，“字号”设为“普通”就可以看到以上的效果，标题的设定与此类似。