DIV+CSS网页样式与布局,第12章 div+css美化与布局实战,本章简介,在上一章中，电子相册中用CSS控制实现了两种不同的相册模式，而本身的HTML结构却没有任何修改。本章将继续拓展这种思路，以网上常见的博客首页为例，用CSS实现更绚丽的网面变幻。同样保持页面的HTML不变，通过分别调用3个外部CSS文件，实现3个完全不同的页面效果，即蓝色经典、清明上河图和交河故城。(实例文件：12-1.html),蓝色经典效果图,清明上河图效果,交河故城效果,框架搭建,首先根据博客的内容需要对整体框架进行合理规划。最简单的博客通常包括导航菜单、各种统计信息、时间日期、推荐的博客和文章、脚注等。因此，整体上考虑将HTML分成4个大的div块。,框架搭建,在整体内容框架的基础上#parameter与#mainsupport两个部分又包含各个小的子块。例如，热门博客、最近更新、最新申请、推荐文章和最新日志等，因此这两个块还需要加入子div块。,实例：蓝色经典,页面整体上为固定宽度且居中的样式，最上方为页面的banner和导航菜单，#parameter的各个项目在页面主体的右侧，#mainsupport在页面中间。,
