精通CSS网页布局

　　《精通CSS网布布局》深入、系统地讲解了使用css进行网页布局设计的相关知识和技巧，内容包括css基础、文字和版式设计、图像控制、超链接和导航菜单设计、表格和表单设计、浮动网页布局设计以及网页优化等。在书的最后，还对css框架设计进行案例分析，并通过一个购物网站设计实例来融会贯通所有知识点，以达到灵活应用的目的。《精通CSS网布布局》还附赠一张多媒体教学光盘，内含12课有关css的多媒体教学课件，总长度超过13个小时，与《精通CSS网布布局》知识点基本同步，以帮助您快速了解css的核心技术，达到事半功倍的学习效果。《精通CSS网布布局》内容全面，示例丰富，讲解细致，非常适合网页设计与网站开发人员学习。

　　朱印宏，资深网页设计师，从事网站开发与设计已有7年之久。对css、Javascript、XHTML、XML、Ajax等网页前台技术有着深入的研究，并对这些技术的应用有着独到的见解，精通ASP和ASP.NET，能够融合前台和后台技术，实现网站混合开发。作者发表过Web设计文章十几篇，出版过8本Web技术专著，个人网站专注于Web标准技术普及与推广。林小志，原名林友赛，迅雷网络公司资深网站重构师，蓝色理想经典论坛标准版版主。多年网站设计和网站重构经验，对CSS、XHTML等前台技术有着深厚的功底。接触网站重构以来一直以“重构网站之前重构个人思维”的态度对待网站、追求网站结构完美语义性；也一直以这个态度跟他人沟通交流，也很喜欢大家以这样的态度跟我沟通。个人博客以Web标准技术普及与推广为基础与大家分享经验、交流思想。

前言
第1章 CSS布局基础
1.1 认识网页中的CSS
1.1.1 编写符合CSS布局的HTML结构
1.1.2 DOCTYPE（文档类型）与CSS的关系
1.2 CSS基本语法和用法
1.2.1 CSS基本语法
1.2.2 应用CSS样式
1.2.3 建立外部样式表
1.2.4 在HTML中导入外部样式表
1.3 CSS的属性和属性值
1.3.1 如何记忆CSS的属性
1.3.2 CSS的取值单位
1.4 CSS常用选择符
1.4.1 标签选择符
1.4.2 类选择符
1.4.3 ID选择符
1.5 CSS高级选择符
1.5.1 认识HTML文档的树状结构
1.5.2 子选择符
1.5.3 相邻选择符
1.5.4 属性选择符
1.6 灵活使用CSS选择符
1.6.1 CSS选择符分组
1.6.2 通配选择符
1.6.3 包含选择符
1.6.4 伪类和伪元素选择符
1.6.5 CSS选择符的嵌套
1.7 CSS的继承性
1.7.1 认识CSS的继承性
1.7.2 CSS继承性的局限性
1.8 CSS样式层叠和选择符优先级
1.8.1 CSS样式表的优先级
1.8.2 CSS样式的优先级
1.8.3 CSS选择符的优先级
第2章 使用Dreamweaver实现CSS布局
2.1 认识Dreamweaver的CSS布局工作流
2.1.1 增强CSS功能的【属性】面板
2.1.2 【页面属性】对话框
2.1.3 【CSS样式】面板
2.1.4 属性表
2.2 操作【css样式】面板
2.2.1 新建样式
2.2.2 定义样式的属性
2.2.3 应用样式
23以CSS技术为核心的设计视图
2.3.1 强大的CSS设备类型
2.3.2 可视化助理
2.4 使用DW实现CSS布局实战
2.4.1 使用DreamweaverCS3构建页面结构
2.4.2 使用【页面属性】统一基本样式
2.4.3 使用【csS样式】面板定制页面基本布局
第3章 听话的文字和版式
3.1 看懂DreamweaverCS3提供的模板
3.1.1 善于利用示例页
3.1.2 挖掘标准网页布局模板的价值
3.2 你的文字听话吗
3.2.1 国际雅虎和中国雅虎
3.2.2 选择好单位让你的文字更听话
3.2.3 设计网页字体大小配置方案
3.2.4 设计与字体大小相关联的网页布局
3.3 留心，不要让你的文字“露怯”
3.3.1 不要以为多此一举
3.3.2 让网页字体显示更灵活
3.3.3 别忘了通用字体
3.4 小家伙，你向哪儿看齐
3.4.1 文本对齐
3.4.2 布局居中
3.4.3 布局元素向左、右对齐
3.4.4 文本和元素垂直对齐
3.4.5 绝对定位元素居中显示
3.4.6 混合结构中对齐处理
3.5 咱们比比个吧
3.5.1 什么样的行高更合适阅读
3.5.2 行高、边距和伪行高
3.6 让网页看起来和颜悦色
3.6.1 在CSS中使用颜色
3.6.2 CSS布局与配色
第4章 扮靓网页的天使——图像
4.1 选择：前景图像和背景图像
4.1.1 前景图像
4.1.2 背景图像
4.1.3 如何选用前景图像和背景图像
4.1.4 走出迷失的图像URL
4.2 图像边框和阴影
4.2.1 定义边距
4.2.2 巧设边距
4.2.3 为图像增加阴影
4.2.4 为img元素定义默认阴影样式
4.2.5 设计晶莹剔透的水印
4.3 图文混合排版
4.3.1 单行图文定位
4.3.2 单行图文对齐
4.3.3 图文环绕
4.3.4 调整图文环绕的间距
4.3.5 不规则图文环绕
4.4 隐形的翅膀——背景图像
4.4.1 控制背景图像的重复显示
4.4.2 背景图像水平平铺应用示例
4.4.3 背景图像垂直平铺应用示例
4.4.4 精确定位背景图像
4.4.5 固定背景图像在浏览器中的位置
4.4.6 如何增加多个背景图像
4.4.7 设计更酷的圆角
4.5 背景图像布局应用——伪列布局
第5章 活泼的超链接和导航菜单
5.1 轻松掌握超链接样式
5.1.1 怪异的伪类
5.1.2 超链接的四种状态
5.1.3 为超链接绑定不同的样式
5.1.4 为页面定义不同的超链接样式
5.2 花枝招展的超链接样式
5.2.1 为超链接定义普通样式
5.2.2 避免影响版面晃动的超链接样式
5.2.3 模拟按钮样式
5.2.4 使用图像设计超链接样式
5.2.5 设计具有扩展性的超链接样式
5.3 构建导航条列表框架及其基本样式
5.3.1 为什么使用项目列表来构建导航条
5.3.2 搭架结构合理的导航列表
5.3.3 使用定义列表搭架导航列表
5.3.4 控制项目列表的样式
5.3.5 有趣的项目符号
5.3.6 自定义图片项目符号
5.3.7 通过背景图像来定义项目符号
5.3.8 使用行内显示法设计项目列表水平显示
5.3.9 使用浮动法设计项目列表水平显示
5.3.10 设计水平浮动列表的超链接样式
5.3.11 解决浮动溢出问题
5.3.12 使用定位法设计项目列表水平显示
5.4 设计导航菜单
5.4.1 淡雅的垂直导航菜单
5.4.2 巧妙的水平导航菜单
5.4.3 背景图像在导航菜单中的应用
5.4.4 实用的多级菜单
5.4.5 时尚的滑动门菜单
第6章 更专业的表格和表单
6.1 用好表格
6.1.1 正确使用表格
6.1.2 优化数据表格的结构
6.1.3 设计表格样式
6.2 表格样式设计实战
6.2.1 设计表格行样式
6.2.2 设计表格列样式
6.2.3 设计鼠标经过时表格行的样式
6.3 用好表单
6.3.1 认识表单
6.3.2 设计表单样式
6.4 表单样式设计实战
6.4.1 设计高亮显示当前表单样式
6.4.2 设计图标样式的表单效果
6.4.3 设计易用性表单效果
第7章 浮动的网页布局
7.1 CSS的“水立方”模型
7.1.1 盒模型
7.1.2 盒模型解疑
7.1.3 盒模型的外边距
……
第8章 精确的网页布局
第9章 兼容性网页布局
第10章 网页结构化布局与实施
第11章 CSS框架设计及其案例解析
第12章 购物网站结构与布局实施