Eric Meyer谈CSS 卷2PDF电子书下载

第1章　转换现有的网页 1

1.1　项目目标 2

1.2　准备工作 2

1.3　打下基础 3

1.3　转换文档 4

1.3.1 删除到最小程度 5

1.3.2 页面框架结构 5

1.4　重现设计 8

1.4.1　基本样式 8

1.4.2　加强顶部 9

1.4.3　处理导航条 10

1.4.4　标题和概要样式 13

1.4.5　边栏信息 16

1.4.6　设置评论样式 19

1.4.7　突出引语和增强设计 21

1.4.8　重整页头 23

1.5　优点评价 27

1.6　拓展练习 29

第2章　设置相册样式 31

2.1　项目目标 32

2.2　准备工作 33

2.3 打下基础 33

2.4　创建联系单视图 34

2.4.1 浮动照片 34

2.4.2　添加间隙并居中 35

2.4.3 幻灯样式 37

2.5　创建图片库视图 40

2.5.1　删除幻灯片样式 40

2.5.2　显示标题 41

2.5.3　清理工作 43

2.5.4　高度和表格 44

2.6　创建目录视图 45

2.6.1　再次使用浮动 46

2.6.2　对齐和位置 48

2.6.3　改进列表 50

2.6.4　将照片信息以盒状结构显示 52

2.7　拓展练习 55

第3章　设置财务报表样式 57

3.1　项目目标 58

3.2　准备工作 58

3.3　设置屏幕显示样式 59

3.3.1 打下基础 59

3.3.2　基线样式 60

3.3.3　处理表格标签 62

3.3.4　收益数据样式 64

3.3.5　强调负数 66

3.3.6　总计样式 67

3.3.7　最后的处理 69

3.4　设置打印输出样式 71

3.4.1 开始工作 71

3.4.2　突出显示行 72

3.4.3　总计行样式 75

3.5　拓展练习 77

第4章　背景定位 79

4.1　项目目标 80

4.2　准备工作 80

4.3　黎明时的样式 80

4.3.1　现在开始 80

4.3.2　页头样式 83

4.3.3　整理工作 88

4.4　岸边的样式 89

4.4.1　检查结构和样式 89

4.4.2　标题样式 91

4.4.3 内容样式 93

4.4.4　添加背景 94

4.4.5　优缺点对比 97

4.5　拓展练习 98

第5章　基于列表的菜单 101

5.1　项目目标 102

5.2　准备工作 102

5.3　打下基础 102

5.3.1　检查标记 103

5.4　开放、轻快的样式 104

5.4.1 分隔 105

5.4.2　箭头样式 107

5.4.3　设置链接的样式 108

5.5　封闭的链接 112

5.5.1　修改样式 112

5.5.2　将链接变成盒状结构 114

5.5.3　将链接骑跨在分割线上 115

5.6　拓展练习 119

第6章　CSS驱动的下拉菜单 121

6.1　项目目标 122

6.2　准备工作 122

6.3　打下基础 122

6.4　布局菜单 124

6.4.1　前期准备 124

6.4.2　定位子菜单 125

6.4.3　更漂亮的菜单样式 127

6.4.4　将链接变成块状结构 128

6.4.5　菜单项悬停样式 131

6.4.6　特殊的子菜单样式 132

6.4.7　准备菜单弹出功能 133

6.4.8　最后的修改 136

6.5　重新设置菜单方向 138

6.5.1　重新设置方向 138

6.5.2　开始修改 140

6.5.3　子菜单的修改 142

6.6　需要注意的地方 145

6.7　拓展练习 146

第7章　打开通往引人注目的标签之门 149

7.1　项目目标 150

7.2　准备工作 150

7.3　打下基础 151

7.4　设置链接样式 154

7.4.1 开始设置样式 154

7.4.2　改善标签外观 157

7.4.3　添加纹理 160

7.4.4　悬停样式和最终完成 162

7.4.5　截断的文字和缩小的热区 163

7.5　创建真正的标签 166

7.5.1　修改样式 166

7.5.2 生成标签 167

7.5.3　标识当前标签 171

7.5.4　零星问题 173

7.6　拓展练习 175

第8章　设置网志样式 177

8.1　项目目标 178

8.2　准备工作 178

8.3　打下基础 178

8.4　设置网志样式 180

8.4.1 处理标题 180

8.4.2　文章标题和日期 184

8.4.3　拆分与组合 185

8.4.4　文字和信息 188

8.4.5　最后的修改 193

8.5　拓展练习 197

第9章　设计主页 199

9.1　项目目标 200

9.2　准备工作 200

9.3　打下基础 200

9.4　创建设计 202

9.4.1 页头下面的两张图片 202

9.4.2　偏移和边框 205

9.4.3 内容和边栏 206

9.4.4　简单的边栏样式 210

9.4.5　添加另外的树叶 212

9.4.6　边栏链接 214

9.4.7　边框的修改 215

9.4.8 突出自然 216

9.4.9　最后的一些修改 217

9.5　拓展练习 221

第10章　设计新的禅意花园页面 223

10.1　项目目标 224

10.2　准备工作 224

10.3　打下基础 225

10.4　创建设计 227

10.4.1　基础样式 228

10.4.2 页头 229

10.4.3 添加花朵 230

10.4.4　设置摘要样式 234

10.4.5　设置主要内容的样式 237

10.4.6　精美的页脚 241

10.4.7　边栏样式 244

10.5　添加PNG图片 252

10.6　反思 256

10.7　拓展练习 257

索引 259