从一段ASP代码分析HTML、CSS、ASP、SQL(二)
(一)前台DIV+CSS布局
布局样式通过第11行 linkrel ="stylesheet" href="css/index.css" type="text/css"
引入控制的。而从图中可以看出首页(index.asp)是由头部(第18行)、中部(第20行)和底部(第127行)这三个DIV层构成。其中,头部和尾部调用两个页面即可:top.html 和 bottom.html 。
中部又由左边(第21行)和右边(第23行)构成,即 left.html 和 div id="right" 。中部的右边又由位于上面部分的1个flash层和2个content1层、下面部分的2个content层和1个留言板content2层。所以整个CSS布局框架就是这样的。值得注意的是中间部分嵌套了2个层(即左右两层),右边的层又嵌套了6个层(1个flash层,2个content1层,2个content层,1个content2层)。