ERIC MEYER谈CSS（卷1）

第1章　转换现有网页　1
1.1　项目目标　2
1.2　准备工作　3
1.3　打下基础　3
1.4　转换文档　5
1.4.1　彻底剥离　5
1.4.2　处理body　6
1.4.3　创建通用样式　7
1.4.4　恢复页头效果　8
1.4.5　内容和内容顶部　10
1.4.6　给页面的边栏添加样式　14
1.4.7　内容单元格　16
1.4.8　恢复标题　17
1.4.9　引用方块的样式　19
1.4.10　给页面的右边栏设置样式　22
1.4.11　设置排行样式　24
1.4.12　给提示信息添加样式　25
1.4.13　修改页脚　27
1.5　使用样式的好处　29
1.6　练习　31
第2章　设置新闻稿页面的样式　33
2.1　项目目标　33
2.2　准备工作　34
2.3　打下基础　34
2.4　编写样式　36
2.4.1　联络信息　36
2.4.2　页脚　37
2.4.3　主要文字样式　39
2.4.4　新闻标题的样式　41
2.4.5　润色顶部内容　42
2.5　修改样式　43
2.5.1　修改页面本身　43
2.5.2　页面的顶部　44
2.6　制作外部样式文件　47
2.7　添加到基础设计中　49
2.7.1　再回到标题　49
2.7.2　再次回到主要文字　50
2.7.3　页脚　51
2.8　练习　53
第3章　设置日历样式　55
3.1　项目目标　55
3.2　准备工作　56
3.3　打下基础　56
3.4　设置文档样式　59
3.4.1　设置日历顶部的样式　59
3.4.2　创建网格　60
3.4.3　区别月份　62
3.4.4　区分日期　63
3.4.5　修改7月份的日期样式　65
3.4.6　突出显示当前日期　66
3.4.7　将日历放到文档中　67
3.5　给更详细的日历设置样式　68
3.5.1　分割日期　69
3.5.2　总体修改　70
3.5.3　让span元素块状显示　71
3.5.4　日期靠角　72
3.5.5　重建网格　74
3.5.6　最后一些小修改　75
3.6　练习　77
第４章　让链接生动起来　79
4.1　项目目标　79
4.2　准备工作　80
4.3　打下基础　80
4.4　设置文档样式　82
4.4.1　从头开始　82
4.4.2　修改标题　83
4.4.3　图标　85
4.4.4　修改主文字链接　87
4.4.5　帮助和新闻　88
4.4.6　清理工作　91
4.5　练习　93
第5章　如何设置菜单样式　95
5.1　项目目标　96
5.2　准备工作　96
5.3　打下基础　96
5.4　设置菜单样式　98
5.4.1　让链接以块状结构显示　98
5.4.2　设置字体和初始间距　100
5.4.3　给左边导航加边框　101
5.4.4　突出显示当前位置　103
5.4.5　给菜单增加悬停效果　104
5.4.6　添加一点额外的颜色　107
5.5　给菜单重新设置样式　109
5.5.1　按钮效果　110
5.5.2　图标按钮　112
5.6　清理工作　113
5.7　练习　115
第6章　创建打印样式　117
6.1　项目目标　118
6.2　准备工作　118
6.3　打下基础　118
6.4　创建打印样式　120
6.4.1　屏蔽样式　120
6.4.2　从头开始　120
6.4.3　隐藏左边内容　122
6.4.4　文章的更多样式设置　124
6.4.5　页脚　126
6.4.6　清理工作　126
6.4.7　隐藏URL　128
6.5　给新闻页面设置打印样式　128
6.5.1　检查样式　128
6.5.2　删除背景　130
6.5.3　转换成灰度颜色　130
6.6　为日历创建打印样式表　133
6.6.1　获取一份最新的样式表　133
6.6.2　开始工作　134
6.6.3　将链接变灰　136
6.6.4　淡化日期颜色　136
6.6.5　当前日期没有样式　137
6.6.6　扫尾工作　138
6.7　练习　140
第7章　美化输入表单　143
7.1　项目目标　143
7.2　准备工作　144
7.3　打下基础　 144
7.4　设置文档样式　146
7.4.1　标签样式　146
7.4.2　增大行间距　146
7.4.3　必填信息　147
7.4.4　提交按钮区域　149
7.4.5　设置标题的样式　150
7.4.6　获得焦点时的样式　150
7.5　设置打印样式表　151
7.5.1　填写空格　152
7.5.2　处理select元素的另外一种方式　154
7.5.3　添加一些间距　155
7.5.4　提交按钮区域(再次设置该区域)　156
7.5.5　添加地址　157
7.5.6　给必填信息项添加提示信息　158
7.5.7　给打印样式添加点乐趣　159
7.6　最终效果　159
7.7　练习　162
第8章　创建在线贺卡　165
8.1　项目目标　165
8.2　准备工作　166
8.3　打下基础　166
8.4　设置文档样式　167
8.4.1　让贺卡居中对齐　167
8.4.2　建立上下文　169
8.4.3　保持可读性　170
8.4.4　贺卡签名　172
8.4.5　设置设计者姓名样式　173
8.4.6　最终的结果　174
8.5　另一种样式　175
8.5.1　重新放置签名　177
8.5.2　让设计者姓名可见　178
8.5.3　再来调整祝福语　179
8.5.4　另外一个改进版　181
8.6　练习　182
第9章　多列布局　185
9.1　项目目标　186
9.2　准备工作　186
9.3　打下基础　186
9.4　设置文档样式　188
9.4.1　定义基本的外观　188
9.4.2　浮动边栏　189
9.4.3　改进边栏　190
9.4.4　调整布局　191
9.4.5　完成本轮工作　193
9.5　通过定位设置样式　194
9.5.1　从浮动到定位　194
9.5.2　定位的好处　197
9.5.3　实现相同位置的其他方法　197
9.6　设置3列的样式　198
9.6.1　添加标记　198
9.6.2　放置元素　199
9.6.3　与众不同的外观　200
9.6.4　调整新布局　201
9.6.5　利用定位的优势　202
9.6.6　整理工作　204
9.7　再次使用浮动技术　206
9.7.1　换回到浮动方式　206
9.7.2　不同点和共同点　207
9.8　练习　209
第10章　溜出盒子　211
10.1　项目目标　212
10.2　准备工作　212
10.3　打下基础　212
10.4　设置文档样式　214
10.4.1　分离焦虑　214
10.4.2　移动边缘　216
10.4.3　菜单的魔力　217
10.4.4　考虑倾斜　219
10.5　创建曲线　222
10.5.1　创建伞形结构　222
10.5.2　蘑菇头的底部　223
10.5.3　圆形的标题　224
10.5.4　设置蘑菇头顶部的样式　226
10.5.5　另外一边的曲线　229
10.5.6　让蘑菇头成为一体　231
10.5.7　链接猫　231
10.5.8　稍作修改　232
10.6　练习　233
第11章　定位一个更漂亮的设计　235
11.1　项目目标　236
11.2　准备工作　236
11.3　打下基础　236
11.4　设置文档样式　238
11.4.1　设置body的样式　239
11.4.2　将内容分帧　240
11.4.3　组合曲线　242
11.4.4　处理页面顶部　243
11.4.5　设置内容外边距　245
11.4.6　装饰封装器　246
11.4.7　美化小节标题　247
11.4.8　重新定位女人图片　248
11.4.9　放置菜单和其他图片　252
11.4.10　调整布局　255
11.4.11　适当降低标准　258
11.5　练习　260
第12章　固定背景　263
12.1　项目目标　264
12.2　准备工作　264
12.3　打下基础　264
12.4　设置文档样式　265
12.4.1　将文档分块　265
12.4.2　固定背景　267
12.4.3　润色内容　269
12.4.4　设置标题　270
12.4.5　设置链接的样式　272
12.4.6　移动固定的背景　275
12.4.7　调整布局　276
12.4.8　固定背景的力量　279
12.5　练习　280
第13章　用CSS制作本书　283
13.1　项目目标　284
13.2　准备工作　284
13.3　打下基础　284
13.4　设置文档样式　285
13.4.1　边栏　285
13.4.2　标题头　287
13.4.3　放置预览图片　290
13.4.4　标题间距　291
13.4.5　列表　293
13.4.6　边栏注释　294
13.4.7　代码块和代码片断　298
13.4.8　插图　299
13.4.9　代码清单和表格　304
13.5　项目后分析　307
13.6　练习　309
索引　311