建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

2.CSS样式表能为我们做什么?

时间:2009-03-09 12:22来源: 作者: 点击:
HTML从来没打算控制网页的格式或外 观。这种语言定义了网页的结构和个要 素的功能,而让浏览器自己决定应该让 各要素以何种模样显示。 但是网页设计者要求的更多。所以当 Netscape推出新的可以控制网页外观的 HTML标签时,网页设计者无不欢呼雀跃。
那么css样式表有什么特别之处呢?简而言之, 它能帮你做以下事情:
  • 你可以将格式和结构分离。
  • 你可以以前所未有的能力控制页面布局。
  • 你可以制作体积更小下载更快的网页。
  • 你可以将许多网页同时更新,比以前 更快更容易。
  • 浏览器将成为你更友好的界面

你可以将格式和结构分离。 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文件中某一行,那么整个站点 都会随之发生变动。 浏览器将成为你更友好的界面。 不象其它的的网络技术,样式表的代码 有很好的兼容性,也就是说,如果用户 丢失了某个插件时不会发生中断,或者 使用老版本的浏览器时代码不会出现杂 乱无章的情况。 只要是可以识别串接样式表的浏览器就 可以应用它。 怎么样,样式表的确是一个很不错的注 意吧? 那么,现在我们就开始制作一份样式表。

返回本专题:《CSS层叠样式表教程》的目录

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片