摆脱图形页面的繁琐:创建灵活的CSS2边框效果

ZDNet软件频道 时间:2003-05-14 作者:BUILDER.COM |  我要评论()
本文关键词:
CSS2并不只是减少代码,它还使得站点的更新比起纯HTML页面更为快速简单。比起编码复杂、需要手工修改每一页的HTML页面来,CSS2使得只需更新样式表就能够改变整个站点。
本文译自Builder.com,未经许可请勿转载在以前Internet的繁荣期,为了使页面的外观和行为如我所愿,我不得不编写许多“丑陋”的代码。我花费了很多时间来创建数不清的鼠标特效和菜单栏的图形文件,结果却发现要通过一个28.8K的modem来下载它们需要的时间简直太长了。我盼望着有一天网络带宽能像流水一样通畅无阻,那样就能很快地下载我的页面了。

具有讽刺意味的是,现在的带宽资源丰富了许多,但繁琐的图形编码却已经过时了。幸运的是,重叠样式表单2(CSS2)使我们可以使用它的边框属性来为需要图形的代码重新创建各种效果。

页面规划

以前我花费大量的时间来调整TABLE标签、分格GIF图片以及背景颜色以使页面外观看起来是正确的。不幸的是,这样做的结果是最后的代码经常不必要地膨胀起来。而且一旦外观被编码要想再改变它就很困难并要花费很多时间。

使用CSS2,特别是它的边框属性,整个页面可以连一个TABLE标签或分格GIF都不用。拿A中的外观作例子。

图 A

Web页面外观例子

我将从创建header区域开始。清单A中的代码为了示范而使用了内部样式表。


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134