CSS Cookbook 中文版(第二版)
CSS Cookbook 中文版(第二版)
Christopher Schmitt
陈寒林 译
出版时间:2007年10月
“《CSS Cookbook中文版(第2版)》全书都是针对CSS设计中常常碰到的疑难杂症提出各种实用性解决方案。在CSS的学习过程中结合领会这些精妙的方法对于节约时间少走弯路大有裨益。”
——Dave Shea,《The Zen of CSS Design》(中文版为《CSS禅意花园》)的作者
节省时间,快速解决问题,这是《CSS Cookbook中文版(第2版)》带给读者最大的惊喜。新版本为CSS初学者和高级开发人员增加了更多篇幅,提出了精辟的建议,传授了大量技巧,为读者在现实生活中做出最好的设计起到了抛砖引玉的作用。
针对那些在每一个项目中碰到的再普通不过的问题,《CSS Cookbook中文版(第2版)》列举了大量详细的例子,并且每一例都穿插了可以随时取用的代码。为了方便读者参考和展开讨论,本书以一种易于快速查找的方式安排各章节,每一节都附有一段总结性的讨论说明。因此,您可以充分利用这种模式按照个人需求检索内容。
第2版更新了解释最新、最流行浏览器独特行为的相关内容——这些浏览器包括IE、Firefox及Opera,重点介绍了关于复杂的交互式CSS和图片应用的内容。此外,还为初学者引入了更多有价值的材料,解释了从基本的网站排版和页面布局到格式化列表、表单和表格等方面的问题。
本书跳过了枯燥的理论学习阶段,列举了很多实用性范例和CSS解决方案,主要涉及到以下几个方面:
●在Adobe Dreamweaver和Microsoft Expression Web Design中使用CSS
●利用浮动、绝对定位和相对定位技术在页面上排布元素
●当前流行的以图片替换HTML文字的方法
●网页排版
●用CSS设计表单
●创建定制的导航菜单
●为打印页面制作样式表
●使用一台电脑在多个浏览器上测试网站兼容性
当您需要使用hack或偏方修补那些令人头疼的浏览器bug时,翻一翻《CSS Cookbook中文版(第2版)》吧。本书收集了大量有用代码,相信它能帮助您解决数以百计关于样式表的疑难问题。
  1. 前言 I
  2. 第1章:概要 1
  3. 在HTML中使用CSS 2
  4. 使用不同的选择符来应用样式 5
  5. 合理的使用类选择符和ID选择符 21
  6. 理解CSS属性 24
  7. 理解盒模型 25
  8. 理解文档类型(DOCTYPES)及对浏览器布局的影响 33
  9. 向网页中导入样式 36
  10. 如何使用不同类型的样式表 39
  11. 在CSS里添加注释 43
  12. 组织样式表的内容 44
  13. 组织样式表文件 46
  14. 使用简写属性 47
  15. 设置交互样式表 49
  16. 对图片使用浮动技术(Float) 50
  17. 使用绝对定位 53
  18. 使用相对定位 55
  19. 在Adobe Dreamweaver中使用CSS 57
  20. 在Microsoft Expression Web Designer中使用CSS 61
  21. 第2章:网页排版 65
  22. 选择字体 66
  23. 指定font的尺寸和大小 69
  24. 用更多的方式来控制文字大小 71
  25. 强行改变文字大小 75
  26. 文本居中 76
  27. 将文本设为左右对齐式 77
  28. 删除标题和段落之间的空白 78
  29. 设置首字符大写 78
  30. 设置较大、居中的大写首字符 80
  31. 装饰大写的首字符(图片装饰) 82
  32. 创建标题并样式化文本 84
  33. 创建标题并样式化其文本和边框 86
  34. 用文字和图片样式化标题 87
  35. 创建HTML文本的引用效果 89
  36. 创建带边框的引用 91
  37. 用图片实现引用效果 93
  38. 段落首行缩进 95
  39. 整段缩进 96
  40. 悬挂式缩进 99
  41. 样式化段落首行 103
  42. 用图片样式化段落首行 105
  43. 创建文本高亮效果 106
  44. 改变行距 107
  45. 给HTML文本添加图形处理 109
  46. 为文本制造阴影特效 110
  47. 调整字符和单词间的间距 111
  48. 第3章:图片 115
  49. 为图片镶边 115
  50. 删除部分浏览器为图片添加的默认边框 117
  51. 设置背景图片 119
  52. 创建一行背景图 120
  53. 给网页设置背景图 120
  54. 在一个选择符中使用多幅背景图 123
  55. 创建稳定的背景图 125
  56. 在图片上覆盖HTML文本 128
  57. 使用图片替换文本 131
  58. 用Flash文本替换HTML文本 134
  59. 使用多幅透明PNG图片 137
  60. 创造全景图效果 139
  61. 绑定不同的图片格式 142
  62. 为定宽列设置圆角 147
  63. 用滑动门技术实现圆角效果 152
  64. 用山顶角技术创建圆角效果 156
  65. 用JavaScipt实现圆角效果 160
  66. 给图片添加阴影 164
  67. 在图片后添加平滑的阴影 167
  68. 图片尺寸的缩放 170
  69. 创建文字气球框 174
  70. 防止图片的盗用 177
  71. 自动为图片添加倒影效果 179
  72. 使用图片精灵 182
  73. 第4章:页面元素 186
  74. 消除页面外边距(margin) 186
  75. 给滚动条着色 189
  76. 居中放置页面元素的技巧 191
  77. 设定页面边界 197
  78. 绘制水平线 199
  79. 使用Lightbox 203
  80. 第5章:列表 208
  81. 改变列表格式 209
  82. 实现跨浏览器的列表缩排效果 210
  83. 在列表项之间放置分隔符 211
  84. 为列表创建自定义的文本标记符 213
  85. 给列表添加自定义的图形标记符 215
  86. 用自定义的大图片作为列表标记符 217
  87. 用图片美化列表外观 219
  88. 创建内联列表(inline list) 223
  89. 在列表中创建悬挂式缩进 225
  90. 将标记符移动到列表内 226
  91. 第6章:链接和导航 228
  92. 删除链接下画线(并添加其他修饰) 228
  93. 改变链接颜色 231
  94. 改变网页不同部分的链接颜色 232
  95. 在链接末尾放置图标 233
  96. 改变指针形状 235
  97. 不用Javascript创建翻转效果(rollover) 237
  98. 创建文字导航菜单和翻转特效 238
  99. 创建水平导航菜单 242
  100. 创建可用热键访问的导航菜单 247
  101. 创建导览列 248
  102. 创建基于图像的翻转 251
  103. 创建折叠式菜单 256
  104. 创建上下文菜单 258
  105. 使用Title属性 260
  106. 设计动态可视化菜单 261
  107. 动态地改变网页样式表 264
  108. 第7章:表单 270
  109. 修改表单周围的空白 270
  110. 设置input元素的样式 272
  111. 给同一个表单中的不同input元素应用不同样式 275
  112. 为文本域(textarea)元素设置样式 276
  113. 为下拉列表和列表项元素设置样式 277
  114. 创建Macintosh样式的搜索框 279
  115. 样式化表单按钮 282
  116. 创建图片式提交按钮 285
  117. 设置只能提交一次的按钮 286
  118. 创建类似于HTML文本的提交按钮 288
  119. 将HTML文本链接制作成提交按钮 290
  120. 无表格的Web表单设计 290
  121. 不使用表格的两列式表单布局 292
  122. 高亮表单域 296
  123. 制作反馈表单 297
  124. 样式化Web表单的存取键(Access Key) 300
  125. 将常规的表单元素分组 301
  126. 像使用电子数据表一样在表单中输入数据 303
  127. 简单的设计:登录表单 308
  128. 示例设计:注册表单 313
  129. 第8章:表格 322
  130. 设置单元格间距 322
  131. 设置边框以及单元格的内间距(padding) 323
  132. 设置标题(Caption)样式 326
  133. 设置表格单元的样式 326
  134. 样式化表格内的标题元素(th) 328
  135. 消除表格单元里的图片周围的空白 330
  136. 消除表格单元之间的空白 332
  137. 为表格单元创建交互式背景色 333
  138. 为表格行添加高亮效果 336
  139. 设计范例:制作精致的日历 337
  140. 第9章:页面布局 347
  141. 创建一列式布局 347
  142. 创建两列式布局 349
  143. 创建宽度值固定的两列式布局 355
  144. 用浮动(float)方式创建弹性(宽度可变)多列布局 360
  145. 用浮动创建宽度固定的多列布局 363
  146. 用定位技术创建宽度可变的多列式布局 366
  147. 使用定位技术创建宽度值固定的多列布局 369
  148. 利用浮动(float)以任意次序显示各列内容 371
  149. 不对称的页面布局 392
  150. 第10章:打印 396
  151. 创建友好的打印页面 397
  152. 制作可打印的网页表单 399
  153. 在链接后显示URI(通用资源标志符) 403
  154. 在超链接前插入特殊字符 404
  155. 设计范例:应用CSS的友好的用户打印界面 406
  156. 第11章:Hack、Workaround及Troubleshooting 415
  157. 从Netscape Navigator 4.x中隔离样式表 416
  158. 为Windows IE开发专用样式表 418
  159. 消除IE/Win上的网页闪烁现象 423
  160. 保持IE/Win 6浏览器中背景图片的位置固定不变 423
  161. 使用Win IE的条件注释导入样式 424
  162. 在Mac IE5上隐藏CSS规则 426
  163. 设置智能hack管理系统 427
  164. 诊断CSS bug和浏览器疑难杂症 429
  165. 在一台电脑的多个平台上测试网站设计 430
  166. 在一台电脑上安装多个版本的Win IE浏览器 432
  167. 用文本浏览器测试网站 433
  168. 第12章:用CSS进行设计 435
  169. 增大文本字号 435
  170. 创建独特的反差效果 437
  171. 合并不相似的元素实现对比效果 440
  172. 用反差效果吸引视线 441
  173. 检查色彩对比是否明显 444
  174. 强调引用 446
  175. 附录A:资源 451
  176. 附录B:CSS 2.1属性和属性扩展 458
  177. 附录C:CSS 2.1选择符、伪类和伪元素 474
  178. 附录D:表单元素的样式 477
  179. 索引 503
书名:CSS Cookbook 中文版(第二版)
作者:Christopher Schmitt
译者:陈寒林 译
出版时间:2007年10月
书号:978-7-121-04947-7
原版书出版商:O'Reilly Media
Christopher Schmitt
 
Christopher Schmitt从1993年开始从事Web工作。他是Heatvision.com, Inc.的老板,这是一家新媒体公司,位于得克萨斯州中心的Austin。Christopher经常在各种会议上发表关于Web设计的演讲,包括South by Southwest Interactive and CSS Summit这样的会议。他的著作包括《Designing CSS Web Pages》(New Riders)、《Professional CSS: Cascading Style Sheets for Web Design》(Wrox)和《CSS Cookbook》(O’Reilly)。
 
 
本书封面上的动物是一只灰熊(学名Ursus arctos horribilis)。这种灰熊的显著特征是肩部肌肉隆起,鼻口长,爪子长而弯。毛皮颜色有棕色、黑色、近乎金色或者这些颜色的混合。由于毛发的末梢为白色或银灰色,因此这种熊被称为灰熊。灰熊的体重从350磅到800磅不等,当它四肢着地时,齐肩高度可达4.5英尺。尽管灰熊的体积庞大,但是奔跑速度可达每小时35到40英里。
这种灰熊喜欢的食物包括坚果、浆果、昆虫、鲑鱼、腐肉和一些小型哺乳动物。它们的饮食因季节和栖息地而异。阿拉斯加的灰熊特别喜欢吃迁徙的鲑鱼,而高原山区的灰熊则对浆果和昆虫有特别的偏好。
灰熊是独居动物,喜欢生活在崎岖的山脉和森林里,主要分布在加拿大的不列颠哥伦比亚省、阿尔伯达省、育空和西北地区;美国的阿拉斯加州、爱达荷州、怀俄明州、华盛顿,蒙大纳也有灰熊的足迹。
灰熊是一种濒临灭绝的物种:现在48个州仅存850只。在人们定居西部地区之前,专家估测灰熊的数量曾在50 000到100 000之间。伐木、采矿,人类的发展对栖息地的破坏以及非法偷猎都对灰熊的生存构成了威胁。
本书封面图片取自19世纪《多佛画报》档案文件中的雕版图。