CSS+div网页布局.pptVIP

第8章 CSS+div网页布局 学习目标 CSS排版是将页面首先在整体上进行div标记分块，然后对各个块进行CSS定位，最后再在各个块中添加相应的内容。通过CSS排版的页面，更新十分容易，甚至是页面的拓扑结构，都可以通过修改CSS属性来重新定位。 ppt中所有实例参考网页设计与制作电子教材及源代码 8.1将页面用div分块 CSS排版要求设计者首先对页面有一个整体的框架规划，包括整个页面分为哪些模块，各个模块之间的父子关系，等等。以最简单的框架为例，页面由Banner、主体内容(content)、菜单导航(links)和脚注(footer)几个部分，各个部分分别用自己的id来标识，整体内容如下图所示： 8.1将页面用div分块 8.1将页面用div分块 上图中每个色块都是一个div，这里直接用CSS的ID标识方法来标识各个块。页面的所有div块都属于块#container，一般的div排版都会在最外面加上一个父div，便于对页面的整体进行调整。对于每个子div块，还可以再加入各种块元素或者行内元素，以#content和#links为例：如下图： 8.1将页面用div分块 框架代码如文件8-1.html所示： html head titleCSS排版/title /head body div id=container div id=banner/div