CSS作为Web标准的一部分,已经成为现代网页设计中必不可少的关键要素。CSS看似简单,但真正精通CSS绝非易事。在使用CSS开发网站时,会遇到形形色色的浏览器bug和不一致问题,而解决方案又五花八门,往往让使用者感觉千头万绪,不知从何着手。
本书将*有用的CSS技术汇总在一起,还总结了CSS设计中的*佳实践,讨论了解决各种实际问题的技术,填补了一直以来CSS图书的空白。正因如此,英文版出版后,一时洛阳纸贵,多次重印,并迅速登上Amazon图书排行榜前列,*高时甚至与《哈利·波特》并驾齐驱,创造了计算机图书的销售奇迹。
作为*新的升级版,本书淘汰了过时的内容,补充了大量CSS领域的新技术,涵盖了CSS 3和HTML 5,无愧于Web设计人员必读的**经典著作。

第1章 基础知识
1.1 设计代码的结构
1.1.1 标记简史
1.1.2 文档类型、DOCTYPE切换和浏览器模式
1.1.3 有效性验证
1.2 小结
第2章 为样式找到应用目标
2.1 常用的选择器
2.2 通用选择器
2.3 **选择器
2.3.1 子选择器和相邻同胞选择器
2.3.2 属性选择器
2.3.3 层叠和特殊性
2.3.4 继承
2.4 规划、组织和维护样式表
2.4.1 对文档应用样式
2.4.2 样式指南
2.5 小结
第3章 可视化格式模型
3.1 盒模型概述
3.1.1 IE和盒模型
3.1.2 外边距叠加
3.2 定位概述
3.2.1 视觉格式化模型
3.2.2 相对定位
3.2.3 **定位
3.2.4 浮动
3.3 小结
第4章 背景图像效果
4.1 背景图像基础
4.2 圆角框
4.2.1 固定宽度的圆角框
4.2.2 山顶角
4.3 投影
4.3.1 简单的CSS投影
4.3.2 来自Clagnut的投影方法
4.4 不透明度
4.5 图像替换
4.5.1 FIR
4.5.2 Phark
4.5.3 sIFR
4.6 小结
第5章 对链接应用样式
5.1 简单的链接样式
5.2 让下划线更有趣
5.2.1 简单的链接修饰
5.2.2 奇特的链接下划线
5.3 已访问链接的样式
5.4 为链接目标设置样式
5.5 突出显示不同类型的链接
5.6 创建类似按钮的链接
5.6.1 简单的翻转
5.6.2 图像翻转
5.6.3 Pixy样式的翻转
5.6.4 CSS精灵
5.6.5 用CSS 实现翻转
5.7 纯CSS工具提示
5.8 小结
第6章 对列表应用样式和创建导航条
6.1 基本列表样式
6.2 创建基本的垂直导航条
6.3 在导航条中突出显示当前页面
6.4 创建简单的水平导航条
6.5 创建图形化导航条
6.6 简化的“滑动门”标签页式导航
6.7 Suckerfish下拉菜单
6.8 CSS图像映射
6.9 远距离翻转
6.10 对于定义列表的简短说明
6.11 小结
第7章 对表单和数据表格应用样式
7.1 对数据表格应用样式
7.1.1 表格特有的元素
7.1.2 数据表格标记
7.1.3 对表格应用样式
7.1.4 添加视觉样式
7.2 简单的表单布局
7.2.1 有用的表单元素
7.2.2 基本布局
7.2.3 其他元素
7.2.4 修饰
7.3 复杂的表单布局
7.3.1 可访问的数据输入元素
7.3.2 多列复选框
7.3.3 表单反馈
7.4 小结
第8章 布局
8.1 计划布局
8.2 设置基本结构
8.3 基于浮动的布局
8.3.1 两列的浮动布局
8.3.2 三列的浮动布局
8.4 固定宽度、流式和弹性布局
8.4.1 流式布局
8.4.2 弹性布局
8.4.3 流式和弹性图像
8.5 faux列
8.6 高度相等的列
8.7 CSS 列
8.8 CSS框架与CSS系统
8.9 小结
第9章 bug和修复bug
9.1 捕捉bug
9.2 捕捉bug的基本知识
9.2.1 尽量在一开始就避免bug
9.2.2 隔离问题
9.2.3 创建基本测试案例
9.2.4 修复问题,而不是修复症状
9.2.5 请求帮助
9.3 拥有布局
9.3.1 什么是布局
9.3.2 布局的效果
9.4 解决方法
9.4.1 IE条件注释
9.4.2 关于hack和过滤器的一个警告
9.4.3 明智地使用hack和过滤器
9.4.4 应用IE for Mac带通过滤器
9.4.5 应用星号HTML hack
9.4.6 应用子选择器hack
9.5 常见bug及其修**法
9.5.1 双外边距浮动bug
9.5.2 3像素文本偏移bug
9.5.3 IE 的重复字符bug
9.5.4 IE 的“藏猫猫”bug
9.5.5 相对容器中的**定位
9.5.6 停止对IE的批评
9.6 分级浏览器支持
9.7 小结
第10章 实例研究:Roma Italia
10.1 关于这个实例研究
10.2 基础
10.2.1 着眼于HTML
10.2.2 reset.css
10.3 1080布局和网格
10.4 **CSS 和CSS 特性
10.4.1 网站需要在每种浏览器中看起来完全一样吗
10.4.2 属性选择器
10.4.3 box-shadow、RGBa和text-overflow
10.5 字体链接和更好的Web排版
10.5.1 按以前的方式设置 font-size
10.5.2 标点符号悬挂
10.5.3 多栏文本布局
10.5.4 @font-face
10.5.5 Cufón,向@font-face发展的过渡手段
10.6 用AJAX和jQuery增加交互性
10.6.1 AJAX
10.6.2 jQuery
10.6.3 使用AJAX和jQuery实现搜索
10.7 小结
第11章 实例研究:Climb the Mountains
11.1 关于这个实例研究
11.2 样式表的组织和约定
11.2.1 screen.css
11.2.2 reset
11.2.3 使用条件注释的IE样式表
11.3 网格灵活性
11.4 用body类控制导航
11.4.1 突出显示当前页面
11.4.2 控制blockquote所处的层
11.5 战略性地选择元素
11.5.1 深层后代选择器
11.5.2 :first-child伪类
11.5.3 相邻同胞选择器
11.6 透明度、阴影和圆角
11.6.1 我们的目标
11.6.2 说明图像覆盖和RGBa透明度
11.6.3 组合类
11.6.4 border-radius
11.6.5 box-shadow
11.7 定位列表和显示内容
11.7.1 圆角
11.7.2 主海拔图
11.8 小结

第1章 基础知识
1.1 设计代码的结构
大多数人不关心建筑物的地基。但是,如果没有坚固的地基,建筑物的主体也就不会存在了。虽然本书讨论的是**的CSS技术,但是如果没有结构良好且有效的HTML文档,那么我们要做的许多事情都是不可能实现的(至少实现起来非常困难)。
在本节中,你将明白为什么结构良好且有意义的HTML文档在基于标准的CSS开发中非常重要,还将学习如何丰富文档的意义,从而让自己的开发工作更轻松。
1.1.1 标记简史
早期的Web仅仅是一系列相互链接的研究文档,使用HTML添加基本的格式和结构。但是,随着万维网的流行,HTML开始用来表现页面。人们结合使用字体和粗体标签来创建所需的视觉效果,而不只是用标题元素突出显示页面的标题。表格成了一种布局工具而不是显示数据的方式,人们使用块引用(blockquote)来添加空白而不是表示引用。Web很快就含义不清,成了字体和表格标签的大杂烩。Web设计者把这样的标记称为“标签汤”(见图1-1)。
网页变得越来越具表现力,代码却变得越来越难以理解和维护了。WTSKWYG(所见即所得)编辑器让设计者可以摆脱这些复杂性,它宣称可以提供全新的图形布局环境。遗憾的是,这些工具并没有使事情简化,反而添加了它们自己的复杂标记。使用FrontPage或Dreamweaver等编辑器能够通过简单的鼠标操作构建复杂的表格布局,但是嵌套的表格和“分隔线GIF”把代码弄得非常混乱(见图1-2)。……

Amazon**css畅销书全新改版,令人叫绝的CSS技术汇总,涵盖css和HTML 5。

Andy Budd,国际**的网页设计师,**的Web标准倡导者,网页咨询公司Clearleft的创始人之一。曾组织过英国首届Web 2.0会议,经常在Web Directions、An Event Apart、SXSW等国际会议上发表演讲,参与一些国际设计奖项的评选,他还是.NET Magazine的咨询委员会成员。