DIV+CSS网页布局技术中盒子模型的应用研究

2012-09-18刘军华陶永进

湖南邮电职业技术学院学报 2012年4期

刘军华，陶永进

（长沙通信职业技术学院，湖南长沙 410015）

随着网络技术的不断发展与WEB 2.0标准化设计理念的普及，网页的布局方式也由原来的表格方式逐步向更为规范的DIV+CSS布局方式转变，DIV+CSS布局方法弥补了表格布局的不足，实现了表现形式与网页内容的分离，有利于网页后期维护和修改，大大简化了网页代码，减少网络带宽资源浪费，进一步提升了网页的加载时间，增强了用户体验。因此，DIV+CSS已是目前比较流行的一种网页布局方式，它已成为当前一种网页设计标准，国内很多大型门户网站已经纷纷采用该方式进行网页的排版布局。从实际应用情况来看，此方法好于表格布局方法，优势十分明显，已获得业内的广泛认可和应用[1]。

然而，由于不同版本或类型的浏览器对CSS（Cascading Style Sheets，层叠样式表）的支持及解析结果有所不同，加之CSS样式应用存在优先级的关系，要制作出兼容当前所有主流浏览器的网页，相对来说，使用DIV+CSS来对网站设计布局对设计师的要求更高一些，不仅要懂得手写HTML语言和CSS样式，还必须深刻理解并掌握DIV+CSS布局中的网页元素属性的原理与方法。这样，才能在实际应用中更加得心应手，实现各种设计与布局效果。

本文针对DIV+CSS布局技术中一个比较重要的内容——盒子模型展开研究，通过实例深入介绍了CSS盒子模型的结构及在网页制作中的应用。