本书以七大完整案例为线索,紧密围绕在使用CSS+DIV布局制作网页过程中遇到的实际需要和应该掌握的技术,全面介绍了CSS布局网页的各方面内容和技巧。
书中摒弃了案例书常见的一味罗列步骤,轻视技术原理的做法,把案例作为学习手段,不但侧重讲解CSS盒子模型、标准流、浮动、定位等四大核心技术原理,更侧重讲解如何在实践中应用它们。读者通过案例,既可以掌握CSS的核心技术要点,也可以了解相关技术和工作流程,使读者不但知其然,还知其所以然。
此外,本书还结合了流行的CMS内容管理系统,讲解了使用CSS进行模板设计的方法,使读者可以举一反三地掌握为各种内容管理系统设计模板的方法。
本书适合具备一定HTML和网页设计制作基础的需要使用CSS的爱好者、Web设计人员和开发人员阅读。

第1章 从基础开始
1.1 (X)HTML与CSS
1.1.1 DOCTYPE(文档类型)的含义与选择
1.1.2 XHTML与HTML的重要区别
1.1.3 CSS的基本思想
1.1.4 CSS的引入
1.1.5 浏览器与CSS
1.2 基本CSS选择器
1.2.1 理解CSS选择器的思想
1.2.2 标记选择器
1.2.3 类别选择器
1.2.4 ID选择器
1.3 在HTML中引入CSS的方法
1.3.1 行内样式
1.3.2 内嵌式
1.3.3 外部样式表
1.3.4 链接式
1.3.5 各种方式的优先级问题
1.4 动手体验CSS
1.4.1 从零开始
1.4.2 使用CSS设置标题
1.4.3 控制图片
1.4.4 设置正文
1.4.5 设置整体页面
1.4.6 对段落分别进行设置
1.4.7 兼容性检查
1.4.8 CSS的注释
1.5 网页使用的编辑软件
1.5.1 可视化网页制作软件的优点
1.5.2 可视化软件的局限性
1.5.3 善于使用代码视图的功能
1.6 CSS的复合选择器
1.6.1 “交集”选择器
1.6.2 “并集”选择器
1.6.3 “后代”选择器
1.7 CSS的继承特性
1.7.1 继承关系
1.7.2 CSS继承的运用
1.8 CSS的层叠特性
1.9 本章小结
第2章 摄影师个人网站布局
2.1 案例描述
2.2 内容分析
2.3 HTML结构设计
2.4 原型设计
2.5 页面方案设计
2.6 布局设计
2.7 CSS技术准备——盒子模型
2.8 设置页面的整体背景
2.9 制作照片展示区域
2.10 设置网页标题的图像替换
2.11 CSS技术准备——定位
2.11.1 理解标准文档流
2.11.2 认识定位属性
2.11.3 **定位
2.12 设置网页标题的位置
2.13 设置网页文本内容
2.14 本章小结
第3章 生物研究**网站布局
3.1 案例描述
3.2 内容分析
3.3 原型设计
3.4 页面方案设计
3.5 CSS技术准备——盒子的浮动
3.5.1 设置浮动
3.5.2 浮动的方向
3.5.3 使用clear属性清除浮动的影响
3.5.4 扩展盒子的高度
3.6 布局设计
3.7 CSS技术准备——在CSS中设置边框
3.7.1 对不同的边框设置不同的属性值
3.7.2 在一行中同时设置边框的宽度、颜色和样式
3.7.3 对一条边框设置与其他边框不同的属性
3.7.4 同时指定一条边框的一种属性
3.8 制作页头部分
3.9 制作主体部分
3.9.1 主体的左侧部分
3.9.2 主要内容区
3.10 CSS技术扩展——扩充布局
3.11 本章小结
第4章 教育公司网站布局
4.1 两列布局
4.2 案例描述
4.3 内容分析
4.4 原型设计
4.5 CSS技术准备——在CSS中使用背景图像
4.5.1 设置平铺方式
4.5.2 设置背景图像的位置
4.5.3 背景的简写
4.5.4 图片的固定设置
4.6 制作标题图像
4.7 CS3技术准备——实现圆角设计
4.8 制作页头部分
4.8.1 搭建页头部分的HTML结构
4.8.2 页面标题的图像替换
4.8.3 顶部菜单
4.8.4 主菜单
4.8.5 搜索框
4.8.6 页头部分的圆角框
4.9 制作主体部分
4.9.1 结构分析
4.9.2 “面包屑”导航
4.9.3 设置正文标题
4.9.4 设置页脚
4.9.5 添加页面内容
4.10 本章小结
第5章 网上书店布局
第6章 汽车服务公司网站布局
第7章 橘汁仙剑游戏网站(静态)布局
第8章 橘汁仙剑游戏网站(动态)布局