Eric Meyer谈CSS

第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

　　本书中世界级CSS大师EricMeyer讲述了自己极富价值的CSS项目经验，运用实例，采取手把手的方式来教授CSS。EricMeyer通过10个典型项目，包括相册列表、财务报表、列表菜单、网志以及一个禅意花园设计等，将深刻的理论、独到的学习方法和宝贵的实践经验完美结合起来，为我们展示了CSS的无穷魅力。　　CSS是一种强大而优美的工具，它的潜力远远超过我们的想象。本书中世界级CSS大师EricMeyer讲述了自己极富价值的CSS项目经验，运用实例，采取手把手的方式来教授CSS。EricMeyer通过10个典型项目，包括相册列表、财务报表、列表菜单、网志以及一个禅意花园设计等，将深刻的理论、独到的学习方法和宝贵的实践经验完美结合起来，为我们展示了CSS的无穷魅力。　　本书适合所有Web开发和设计人员阅读。【作者简介】　　EricA．Meyer，最负盛名的世界级HTML和CSS专家，W3CCSS&FP工作组成员，W3CCSS测试套件的负责人，有10多年Web开发和设汁经验。他的复杂螺旋设计（见》EricMeyer谈CSS（卷1）第12章）入选W3CCSS名人堂。他是非常活跃的技术作家，除本书及其姊妹篇外，他还著有《CSS权威指南》和一系列著名的网络教程。