第1章 标题 1
1.1 层次 1
1.2 个性标识 3
1.3 图片替换 5
1.3.1 文本缩进 6
1.3.2 添加额外的标记 8
1.4 Flash替换 10
1.4.1 提供基本的标记和CSS 12
1.4.2 提供字体 13
1.4.3 定制JavaScript 14
1.4.4 包含CSS文件 16
1.4.5 调整CSS 17
1.5 小结 19
第2章 图片 21
2.1 图片库 21
2.1.1 创建图片页面 22
2.1.2 创建缩略图页面 32
2.1.3 创建相册页面 37
2.2 上下文相关图片 44
2.2.1 放置介绍性图片 45
2.2.2 设置图片和标题的样式 50
2.2.3 创建偏移的标题 60
2.3 更多资源 62
2.4 小结 62
第3章 背景 64
3.1 背景的基本概念 64
3.2 案例研究:Deadwood设计 67
3.3 背景的未来 79
3.3.1 多个背景的可能性 79
3.3.2 background-size属性 80
3.3.3 background-origin属性 80
3.4 小结 81
第4章 导航 82
4.1 标记 82
4.2 基本的垂直导航 83
4.2.1 设置未排序列表的样式 84
4.2.2 设置最后一个菜单项的样式 85
4.2.3 调试Internet Explorer 86
4.2.4 添加“你的位置”提示 88
4.3 基本的水平导航 91
4.4 标签导航 94
4.4.1 应用标签图片 95
4.4.2 激活“你的位置”状态 97
4.5 宽度可变的标签 99
4.5.1 应用标签图片 99
4.5.2 应用鼠标悬停样式 101
4.5.3 添加“你的位置”状态 102
4.6 高级的垂直导航 103
4.6.1 创建导航矩阵 104
4.6.2 应用样式 105
4.6.3 激活鼠标悬停状态 107
4.7 小结 111
第5章 表单 113
5.1 可访问的表单标记 113
5.1.1 为表单元素添加标签 114
5.1.2 将相关元素分组 115
5.2 表单布局 117
5.2.1 利用CSS 119
5.2.2 应用fieldset和legend样式 128
5.2.3 将单选按钮和复选框分组 138
5.3 必需的域和错误信息 142
5.3.1 指示必需的域 142
5.3.2 处理错误信息 144
5.4 小结 147
第6章 圆角 148
6.1 灵活性 149
6.1.1 垂直灵活性 149
6.1.2 垂直和水平灵活性 161
6.2 体验圆角技术 173
6.3 小结 174
第7章 表格 175
7.1 结构 175
7.1.1 table元素 176
7.1.2 caption元素 179
7.1.3 thead、tbody和tfoot元素 179
7.1.4 tr元素 180
7.1.5 th和td元素 180
7.1.6 col和colgroup元素 182
7.2 设置样式 184
7.2.1 使用table元素 185
7.2.2 设置表列的样式 186
7.2.3 格式化caption元素 187
7.2.4 应用成功的背景 187
7.3 作用中的table元素 190
7.3.1 给表格式日历设置样式 190
7.3.2 表格的条纹效果 193
7.4 使用JavaScript 196
7.4.1 表行和表列的高亮效果 196
7.4.2 其他想法 199
7.5 未来 199
7.6 小结 201