FrontPage XP直通车第4站——样式表的应用时间:2009-11-22 00:36:39来源:粤东IT网 作者:绿茶 点击:4次
FrontPage XP可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(CSS)功能就是其中之一。FrontPage XP使用样式表可以实现网页元素的加宽或紧缩字体间距、设置段落“缩进”和“段落间距”、设置边框和底纹等 FrontPage XP可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(CSS)功能就是其中之一。FrontPage XP使用样式表可以实现网页元素的加宽或紧缩字体间距、设置段落“缩进”和“段落间距”、设置边框和底纹等。FrontPage XP可以创建外部和内嵌式级联样式表,让我们一个一个来做。
创建外部CSS 这是一种可以应用于多个网页的样式表,也就是说,使网站内的页面链接一个外部的样式表文件,其扩展名为CSS,这样就可以使多个页面使用同一个样式表文件,从而保持了整个页面的主题风格,编辑CSS文件可以在任意的文本处理程序中进行。在FrontPage XP中,提供了CSS文件的建立模板,可以根据需要定制自己感兴趣的模板样式。 1、建立样式 执行“文件/新建/网页或站点”命令,在“新建网页或站点”任务窗口中,在“根据模板新建”之下,单击“网页模板”,打开“网页模板”对话框。单击“样式表”选项卡,再单击要创建的CSS类型,比如垂柳样式,然后单击“确定”按钮。 此时,FrontPage XP会创建一个文件扩展名为CSS的新网页,并在“网页”视图模式中将其打开以供编辑,必须保存该网页才能在以后应用这个样式表文件。 创建CSS后会显示“样式”工具栏,如图1。在此工具栏上单击可以激活“样式”对话框。如果要修改已经保存的样式表文件,可以单击菜单“视图/文件夹”,然后在“文件夹”列表中双击要打开的 CSS文件即可。
2、编辑样式
在样式列表中,包含了多个样式,其中“a:link”表示对链接文本有效,“a:active”表示对激活链接有效,“a:visited”对已访问文本有效,“a:hover”表示当鼠标处于悬停状态时有效。
返回主界面后,执行菜单“文件/保存”命令,将此样式保存为link.css备用。 |
|