第 ２７卷第 ３期
２００６年 ９月
淮 北 煤 炭 师 范 学 院 学 报
Ｊｏｕｒｎａｌ ｏｆ Ｈｕａｉｂｅｉ Ｃｏａｌ Ｉｎｄｕｓｔｒｙ Ｔｅａｃｈｅｒｓ Ｃｏｌｌｅｇｅ
Ｖｏ１．２７ ＮＯ．３
Ｓｅｐ．２００６
用 ＤＩＶ与 ＣＳＳ设计易于改版的 ＷＥＢ信息网页
魏 宗秀
【淮北煤炭师范学院网络中心，安徽 淮北 ２３５０００）
摘 要：ＣＳＳ将 网页上的 内容和格式分开控 制，能够简化 网页 的格式代 码．但 目前网页布局多用表格 、层 等，ＣＳＳ元素
多是嵌入到 ＨＴＭＬ标 记中使用，不能 自如地改变 网页的版面布局 ，也不 能充分 发挥 ＣＳＳ在 版面布局 中的强 大作用．
ＷＥＢ信息网页的制作 日益成为大众化 的技术，对 于电子信息管理人 员来说，掌握 这门技术 已经成为趋势 ．介绍通 过使
用 ＨＴＭＬ的 ＤＩＶ标记和 ＣＳＳ设计 易于改版的信息网页的方法 ．
关键词：ＤＩＶ标ｉｇ；ＣＳＳ；网页制作
中图分类号：ＴＰ ３９３．０９２ 文献标识码：Ａ 文章编号：１６７２—７１７７（２００６）０３—００４０—０３
ＣＳＳ是网页制作技术，能简化网页的格式代码．目前 网页布局多用表格 、层等，ＣＳＳ排版功能得不到充分
利用．介绍发挥 ＣＳＳ在页面布局方面的强大功能使制作出来的网页易于改版．
１ 目前的网页布局技术及 ＣＳＳ在网页中的使用现状
目前在网页中排版还沿用表格、层等排版技术．表格排版 比较呆板，不易改变布局；层排版较为灵活，但
层的定位不好解决；而且在表格 、层中应用 ＨＴＭＬ样式，会产生很多代码 ．这对改版 、更新网页都增加了很大
难度．
ＣＳＳ将网页上的内容和格式分离开来控制，在表格 、层的排版方法中使用 ＣＳＳ，是将 ＣＳＳ嵌 入在 ＨＴＭＬ
标记 中使用，这只是将 ＨＴＭＬ已定义的一些样式如文字大小 、色彩 、字体等，用 ＣＳＳ进行了强化，并没有发挥
ＣＳＳ的排版功 能．
２ ＣＳＳ的强大排版功能简要介绍
ＣＳＳ是跨平 台浏览器之间的国际标准 Ｗ３Ｃ中的一一部分，是 一种对 ｗＥＢ文档添加样式的简单机制，属于
表现层的布局语 言．在 ＣＳＳ标准里，不仅重新定义了 ＨＴＭＬ原来的样式，使 ＣＳＳ在格式定义方面具有特殊优
势，更加入了区块设置 、随意位置摆放等页面布局样式设定，使 ＣＳＳ可以提供精确定位功能 以及各种特殊效
果，从而为网页布局和页面效果 的制作提供一种新途径．
ＣＳＳ通过元素实现排版功能．ＣＳＳ元素分成 几种 即：块元素 、行 间元素 、浮动元素 、可替换元 素等．ＣＳＳ
把元素看作是被装在一个矩形框 内，然后对矩形框的核心 内容以及 四周的边距 、边框和填充距加以样式控
制．元素之间的定位采用绝对定位和浮动定位技术．当－－－．个元素使用 ＦＬＯＡＴ属性后，它将会离开原来的地方
按照 ＬＥＦＴ或者 ＲＩＧＨＴ移动，但 当它移动到其上级元素的边距 、填充距或者边框时就会停下来．其本身的边
距 、填充距和边框仍然得到保留；ＣＳＳ的绝对定位 由元素的 ＨＥＩＧＨＴ、ＷＩＴＨ决定，绝对定位 的元素一般被当
作块级元对待．这两种定位技术完成对元素的水平格式化 、垂直格式化，浮动元素 、行内元素及其他元素的
格 式化 ．
ＣＳＳ元素的排版格式，可以通过“＃ｃｌａｓｓｎａｍｅ ＨＴＭＩ 标记 ｓｓ代码 ｌ”放在任何 ｝｛ ＦＭＬ标记 上使用．整 个
页面的排版，借助 于 ＨＴＭＬ＂空元素”ＤＩＶ与 ＣＳＳ来充分发挥 ＣＳＳ布局功能 使 网页市局可以有很大的 自由
收稿 臼期 ２００６—０３～２２
作者简介：魏宗秀（１９６８． ），安 徽桐城入， 俯 员
维普资讯 http://www.cqvip.com
