申永芳

（山西国际商务职业学院 山西·太原 030031）

高校作为人才培养的摇篮，门户网站的设计水平直接关系到整个高校的自身形象，也在一定程度上反映了高校的办学水平和教学特色。在门户网站设计工作中，需要确保对门户网站中的各个模块进行合理的布局，通过合理的布局，不仅能够给人们带来耳目一新的感受，而且能帮助人们更加方便的访问与浏览高校的门户网站，从而更加便捷、直观的获取到所需信息。DIV 与CSS 技术是高校门户网站设计中的重要布局工具，通过布局技术的应用，可使网站的代码设计变得更加简洁，从而便于网站的维护，显著提高网站页面的下载速度，提高用户的体验度及网站信息的宣传作用。以下便对DIV与CSS的概念、应用优势及具体应用进行相应的研究。

一、DIV与CSS的概念

（一）DIV简介

DIV 是区块容器，它能够对元素区域进行封闭，可将其理解为行级区域的范畴，它类似于一种容器、盒子，该容器能够将表格、图片、段落、文本等元素容纳于其中，在高校门户网站设计中，常常利用DIV 技术来对网站页面的整体进行分块布局，即每个网页可以分割为多个DIV 盒子进行布局。

（二）CSS技术

CSS 又被叫做层叠样式表，它作为一种扩展样式标准，能够有效补充HTML 的样式编排功能，从而扩充HTML 标记属性，并可利用JavaScript 程序来控制HTML 的样式编排功能，进而实现对网页的合理布局与外观设计，使网页更具美观性。

CSS 通常可以使用三种方式引入到HTML 文档中，其中最常用的是内嵌式和外链式。由于浏览器是从上到下解析代码的，因此要将CSS 代码放到头部，以方便解析和下载。内嵌式主要通过的HTML的头部标记中加入