【精选】1.2 样式表能为我们做什么？1.2 样式表能为我们做什么？.pdfVIP

1.2 样式表能为我们做什么？ 1.2 样式表能为我们做什么 ？ 那么样式表有什么特别之处呢?简而言之,它能帮你做以 事情: 你可以将格式和结构分离。 你可以以前所未有的能力控制页面布局。 你可以制作体积更小 载更快的网页。 你可以将许多网页同时更新 ，比以前快更容易。 浏览器将成为你更友好的界面 你可以将格式和结构分离。 HTML从来没打算控制网页的格式或外观。这种语言定义了网页的结构和个要素的功 能 ，而让浏览器自己决定应该让各要素以何种模样显示。 但是网页设计者要求的更多。所以当Netscape推出新的可以控制网页外观的HTML标 签时 ，网页设计者无不欢呼雀跃。我们可以用FONT FACE、I包在P外边控 制文章主体的外观等等。然后我们将所有东西都放入表格 ，用隐式GIF空格产生一个 20象素的边距。一切都变得乱七八糟。编码变得越来越臃肿不堪 ，要想将什么内容迅 速加到网页中变得越来越难。 串接样式表通过将定义结构的部分和定义格式的部分分离使我们能够对页面的布局施 加更多的控制。HTML仍可以保持简单明了的初衷。CSS代码独立出来从另一角度控 制页面外观。 你可以以前所未有的能力控制页面的布局。 FONT SIZE能使我们调整字号 ，表格标签帮助我们生成边距 ，这都没错。但是 ， 我们对HTML总体上的控制却很有限。我们不可能精确地生成80象素的高度 ，不可能 控制行间距或字间距 ，我们不能在屏幕上精确定位图象的位置。 但是现在 ，样式表使这一切都成为可能。而即将推出的新的CSS功能更令人兴奋。以 后4天内 ，你将会明白我所说的意味着什么。 你可以制作出体积更小 载更快的网页 还有更好的消息 ：样式表只是简单的文本 ，就象HTML那样。它不需要图象 ，不需要 执行程序 ，不需要插件 ，不需要流式。它就象HTML指令那样快。 有了CSS之后 ，以前必须求助于GIF的事情现在通过CSS就可以实现。还有 ，正如我先 前提到的 ，使用串接样式表可以减少表格标签及其它加大HTML体积的代码 ，减少图 象用量从而减少文件尺寸。 你可以更快更容易地维护及更新大量的网页。 没有样式表时 ，如果我想更新整个站点中所有主体文本的字体 ，我必须一页一页地修 改每张网页。即便站点用数据库提供服务 ，我仍然需要更新所有的模板 ，而且更新每 一模板中每一个实例实例的FONT FACE。 样式表的主旨就是将格式和结构分离。利于样式表 ，我可以将站点上所有的网页都指 向单一的一个CSS文件 ，我只要修改CSS文件中某一行 ，那么整个站点都会随之发生 变动。 浏览器将成为你更友好的界面。 不象其它的的网络技术 ，样式表的代码有很好的兼容性 ，也就是说 ，如果用户丢失了 某个插件时不会发生中断 ，或者使用老版本的浏览器时代码不会出现杂乱无章的情 况。 只要是可以识别串接样式表的浏览器就可以应用它。 怎么样 ，样式表的确是一个很不错的注意吧 ？ 那么 ，现在我们就开始制作一份样式表。 zzz1.3 你的第1张样式表 现在我们就开始制作样式表。 打开你最喜欢的HTML编辑器生成基本的网页 ： HTML HEAD TITLEMy First Stylesheet/TITLE /HEAD BODY H1Stylesheets: The Tool of the Web Desi n Gods/H1 PAmaze your friends! Squash your enemies!/P /BODY /HTML 很好。现在 ，让我们给它加一些样式表。只需在最初的HTML和 BODY标签之 间插入以 代码 ： STYLE TYPE=text/css !-- H1 { color: reen; font-size: 37px; font-family : impact } P { text-indent: 1cm; back round: yellow ; font-family : courie -- /STYLE 从浏览器中打开页面 ，你将会看到 ： Stylesheets: The Tool of the Web Design Gods Amaze your friends! Squash your enemies! 如果你的浏览器不支持