FrontPage2000中使用层叠样式表统一教学网

你的位置：首页 > 网页高手 > FrontPage > FrontPage2000中使用层叠样式表

	网页高手
	Dreamweaver FrontPage Javascript HTML CSS XML 心得技巧 DHTML

FrontPage2000中使用层叠样式表

日期：2001-9-20 19:44:00
出处：赛迪网
作者：李先武

写主页时使用过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中只要将单元格中链接文字的“样式”设为“普通”，“字体”设为“（默认字体）”，“字号”设为“普通”就可以看到以上的效果，标题的设定与此类似。

打印本文 |

推荐朋友 |

收藏文章 |

关闭窗口