在FrontPage2000中使用层叠样式表

Author: 东莱 Date: 2001年 41期

?牐犖颐窃谟肍rontPage 2000表格做主页的时候，大概都有过这样的尴尬：写好的主页，在自己的浏览器上看起来好好的，但在别人的浏览器上看起来却怪怪的，不该换行的地方换行了，字体的大小也和你的浏览器上不一样了。
　　?牐犓此玫耐潮嗉砑桓鐾怀龅奶氐憔驮谟谒褂肅SS（Cascading Style Sheets）层叠样式表，这样就可以不受浏览器字体大小设置的影响而保持原有的设计样式。在FrontPage 2000的“格式”选单下有一个“样式表链接”，在弹出的链接样式表窗口中可以添加一个层叠样式表文件。这些文件大家可以先用coldfusion studio的style edit编辑好的，使用style edit是因为它提供了非常多的可选项，你只要轻点鼠标作一些选择就行了。CSS文件实际上是一个文本文件，对于手头没coldfusion的朋友，完全可以用“写字板”自己手工编写简单的CSS文件，看了下面的这个简短的示例文件，你就会感觉其实CSS文件非常简单。
　　?牐爃1 ｛??
　　?牐爁ont-size：48；??
　　?牐爁ont-family：宋体；??
　　?牐燾olor：blue；??
　　?牐爁ont-style：italic；??
　　?牐牐?
　　?牐爃2｛
　　?牐爁ont-size：24；??
　　?牐燾olor：red；??
　　?牐爁ont-family：宋体；??
　　?牐牐?
　　?牐爃3｛ ??
　　?牐爁ont-size：16；??
　　?牐燾olor：red；??
　　?牐爁ont-family：宋体；??
　　?牐牐?
　　?牐燼｛??
　　?牐爁ont-size：12；??
　　?牐爁ont-family：宋体；??
　　?牐燾olor：blue；??
　　?牐爐ext-decoration：underline；??
　　?牐牐?
　　?牐燼?焩isited｛ ??
　　?牐爁ont-size：12；??
　　?牐爁ont-family：宋体；??
　　?牐燾olor：purple；??
　　?牐爐ext-decoration：underline；??
　　?牐牓牐?
　　?牐燼?焌ctive｛ ??
　　?牐爁ont-size：12；??
　　?牐爁ont-family：宋体；??
　　?牐燾olor：green；??
　　?牐爐ext-decoration：underline；??
　　?牐牓牐?
　　?牐燼?焗over｛ ??
　　?牐爁ont-size：12；??
　　?牐爁ont-family：宋体；??
　　?牐燾olor：red；??
　　?牐爐ext-decorationu：nderline；??
　　?牐牓牐?
　　?牐燽ody｛ ??
　　?牐爁ont-size：12；??
　　?牐爁ont-family：宋体；??
　　?牐燾olor：blue；??
　　?牐牓牐?
　　?牐犃唇雍螅飧鍪纠奖砦募腤eb页效果该是：未浏览过的链接是蓝色12号带下划线宋体字（对应上面的a），鼠标划过时变红色（其它不变，对应上面的a：hover），浏览过的链接是紫色12号带下划线宋体字（对应上面的a：visited），当前激活的链接是绿色12号带下划线宋体字（对应上面的a：active）。h1、h2、h3分别对应一、二、三级标题。在FrontPage 2000中只要将单元格中链接文字的“样式”设为“普通”，“字体”设为“（默认字体）”，“字号”设为“普通”就可以看到以上的效果，标题的设定与此类似。