设计文档：使用网页视图-样式表

《设计文档：使用网页视图-样式表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、下载第12章使用带有单网页和完全站点的样式表12.1什么是样式表样式表就是你自己创建的网页样式模板，它在HTML格式标记中嵌入了特殊的命令，以便指定Web页的外观。样式表提供：¥更为复杂的格式化功能，尤其是能够对外部的外观和位置进行更有效地控制；这些格式效果能够不使用复杂和笨拙的HTML工作环境就可以实现。¥更灵活和更简单地控制跨多个网页的格式；你没有必要逐个打开和关闭各标记去改变单个网页的那些元素，而标记数目的减少能够使得HTML的代码更容易阅读和跟踪。¥快速地改变网页的格式，这只要在一个链接样式表中改变几个参数就可以

2、实现了；这能够让你对整个站点的外观进行主要的改变，而不用非常辛苦地修改站点包含的每个网页。¥为复杂的网页设计提供了更大的潜力，这是基于所有浏览器都将能够识别的样式表标准。FrontPage2000中样式表的实现是基于WorldWideWebConsortium的CSS1规则的样式表的，你可以在下面这个站点访问到这些内容：http:/www.w3.org/TR/REC-CSS1。如果需要关于CSS2的信息，请参见W3C的站点：http://www.w3.org/TR/REC-CSS2。“层叠样式表”整个术语指的是你能够使用

3、多种样式去决定自己网页的外观。支持样式表的浏览器遵循一系列层次结构来决定显示哪些格式元素，不显示哪些格式元素。有了IE3和4和后续版本，以及NetscapeNavigator4和后续版本，你就能够有几个不同的方式来使用样式表：链接样式、导入样式、内嵌样式和内联样式。所有的这四种样式都适用于上面的这些浏览器，它们各自的行为规则如下：¥内嵌样式表实际可以插入一个样式表规范到一个特定网页中，修改一个参数就修改了整个网页的外观。¥内联样式表这些样式修改单个网页上的单个标记、一组标记或者一个信息块的行为。¥链接样式表常规的那些We

4、b页链接到能够决定它们外观的一个网页(这个网页实际上只是一个带有CSS扩展名的文本文件)，拥有了链接，只要通过改变这个样式表文件就能够改变许多网页的外观。¥导入样式表这些样式表也有CSS扩展名，它们是由浏览器导入的，而不是简单地链接到Web页。链接和导入之间的区别是导入的样式表中指定的那些样式可以和Web页上围绕，它们在HTML文件中的具体位置由用户正在使用的样式表类型来决定。12.2.2使用内嵌样式内嵌一个样式表很直接，只要在标记之间插入一个标记对到文档中即