基于页面布局技术的网页设计研究

曹瑞燕

（长治职业技术学院，山西 长治 046000）

互联网的快速发展，使越来越多精美的网页作品不断涌现，并吸引了大量用户的眼球，在网页作品设计中，首先要采用相应的页面布局技术来对网页进行合理的布局，以此确保网页内的各个要素能够处于恰当的位置。现如今，大多数商家在网页设计中，都倾向于采用更加灵活、便捷、功能更加强大的页面布局方法，而DIV+CSS页面布局技术的出现，使上述要求得到了有效满足，从而深受广大网页开发人员的青睐。通过将DIV与CSS技术进行结合应用，能够使网页设计工作中的各个模块内容得到合理布局，其属于一种盒子式的开放式布局技术，利用该技术可通过对多个盒子进行嵌套操作，以此实现对网页的合理编排，从而使网页的代码变得更加简洁，并且便于对网页的后续更新与维护，同时还能实现对不同浏览器的有效兼容。

一、页面布局技术中的关键技术手段

在Xhtml页面设计中，常常采用DIV+CSS页面布局技术，该技术成功取代了以往的Table定位技术，实现了对Xhtml网页中各个模块的合理编排与定位。

（一）CSS技术

CSS技术的英文全称为cascading style sheet，其又被称之为层叠样式表技术，CSS技术作为页面布局技术中的一种关键技术，能够对网页样式进行控制，使样式信息能够从网页中分离出来，CSS属于一种具有标识性的计算机语言，自20世纪90年代中期开始，CSS技术便正式被w3c进行审核后予以通过，同时将其作为推荐产品。通过在html语言中应用CSS技术，可使页面设计变得更加精美。CSS技术是以html语言为基础的，实现了对html功能的有效扩展，并且能够对网页格式进行更加有效的设置。在网页设计工作中，当设计人员需要设置网页外观时，可对更改样式进行定义，不需要对HTML文件进行更改即可完成。在CSS技术中，目前主要有三种定义，分别是外部样式表、行内样式表以及内嵌样式表，其中外部样式表是在CSS样式文件中添加一个CSS后缀，该样式文件可在各种网页中进行应用。而内嵌样式表则对