5 日精通 css 样式表-第 1 日
用 HTML 制作网页就象是用画笔绘制一幅图 画。只有那些对网页制作痴迷而执
着的人 才可能精确地实现预定的结果,这并不是 正确的工具和灵活性就可以实
现的。 任何使用过 HTML 大一个多星期的人都知道 HTML 是一种非常好的网
页制作工具。所以 有时候我们不得不制作体积相当大的 GIF 图象以获得想要的
字体和布局。同样,有 时候也不得不使用各种表格标签和隐藏的 空格 GIF 图
象以使页面的布局能达到预想 的目的。 的确有些荒唐。我们的编码实在是太复
杂 了,GIF 用量越来越多,而我们的页面变 得比英吉利海峡还要宽,互联网有
限的带 宽怎么可能通过这么宽的信息呢?这种设 计并不是网页设计的最佳形式。
但是,1996 年底的时候悄悄诞生了一种叫做样式表(stylesheets)的技术。
全称 应该是串接样式表(CascadingStylesheets-简称 CSS)这位 HTML
的表弟 向世人保证: 将对布局、字体、颜色、背景和其它文图 效果实现更加
精确的控制。 . 只通过修改一个文件就改变页数不 计的网页的外观和格式。 在
所有浏览器和平台之间的兼容性。 更少的编码、更少的页数和更快的 下载速度。
除了还不能全面支持我们常用的大多数浏览器之外,CSS 在实现其它承诺方面
作得相当出色。CSS 在改变我们制作样式表的方法。它为大部分的网页创新奠
定了 基石。 之后的 5 天,我们将漫游样式表的世界。你将学到样式表的基本
知识并将其应用于你的网页中。你还将学到如何处理字体、图文、色彩、背景
及定位等的详细技巧。 今天,我们先浏览一下样式表的基本内容。第 1 个问题;
样式表能为我们做什么?
第 2 页:CSS 样式表能为我们做什么?
那么 css 样式表有什么特别之处呢?简而言之, 它能帮你做以下事情:
你可以将格式和结构分离。
你可以以前所未有的能力控制页面布局。
你可以制作体积更小下载更快的网页。
你可以将许多网页同时更新,比以前 更快更容易。
浏览器将成为你更友好的界面
你可以将格式和结构分离。 HTML 从来没打算控制网页的格式或外 观。这种语
言定义了网页的结构和个要 素的功能,而让浏览器自己决定应该让 各要素以何
种模样显示。 但是网页设计者要求的更多。所以当 Netscape 推出新的可以控
制网页外观的 HTML 标签时,网页设计者无不欢呼雀跃。 我们可以用<FONT
FACE>、<I>包在<P>外 边控制文章主体的外观等等。然后我们 将所有东西
都放入表格,用隐式 GIF 空格 产生一个 20 象素的边距。一切都变得乱 七八糟。
编码变得越来越臃肿不堪,要 想将什么内容迅速加到网页中变得越来 越难。
串接样式表通过将定义结构的部分和定 义格式的部分分离使我们能够对页面的
布局施加更多的控制。HTML 仍可以保持 简单明了的初衷。CSS 代码独立出来
从 另一角度控制页面外观。 你可以以前所未有的能力控制页面 的 布局。
评论14