整理《CSS禅意花园》一书中提及一些有用链接，主要是从Note和Tips以及附录中摘要出来。

CSS一些资料参考页面：

• XHTML 1.0中可以使用的所有HTML元素：http://w3schools.com/xhtml/xhtml_reference.asp
• 避免Windows下IE中可能出现文档样式短暂失效问题：空script元素或使用link，http://www.bluerobot.com/web/css/fouc.asp
• CSS签名（CSS Signature），应用到body元素上的id。利用这个用户自定义的样式表可以覆盖页面中的部分甚至所有CSS样式。参见：http://archivist.incutio.com/viewlist/css-discuss/13291
• CSS2选择器：http://www.w3c.org/TR/CSS21/selector.html
• CSS3选择器：http://www.w3c.org/TR/css3-selectors
• 图像替换技术详细使用方法以及使用中各种问题：http://www.stopdesign.com/articles/replace_text/
• Windows平台下IE7以下版本会将某些浮动元素的水平外边距值加倍，可为该元素应用display:inline属性来解决，具体见：http://www.positioniseverything.net/explorer/doubled-margin.html
• 关于使用负外边距的解决方案请参考Ryan Brill的示例：http://www.alistapart.com/articles/negativemargins
• IE7以下版本正常显示PNG图像透明度信息的技巧：http://webfx.eae.net/dhtmlpngbehavior/pngbehavior.html以及http://www.alistapart.com/articles/pngopacity
• IE5中CSS盒模型修正方法：http://tantek.com/CSS/Examples/boxmodelhack.html
• Paul Sowden的切换样式表的方法:http://www.alistapart.com/articles/alternate
• Web Developer Extension插件下载地址：http://www.chrispederick.com/firefox/webdeveloper/index.php
• 修复IE6 不支持max-width的方案：http://www.svendtofte.com/code/max_width_in_ie
• 正确清除浮动的方法：http://www.complexspiral.com/publications/containing-floats
• 为元素应用内边距或边框来避免外边距重叠：http://www.andybudd.com/archives/2003/11/no_margin_for_error
• IE下min-width或min-height实现方式：http://mezzoblue.com/archives/2004/09/16/minheight_fi
• IE没有完整显示内容(Peekaboo bug)解决方案：

  [tag]CSS[/tag] [tag]禅意花园[/tag] [tag]有用链接[/tag]

• http://www.positioniseverything.net/explorer/peekaboo.html

CSS设计类站点：

• CSS Discuss 邮件列表：http://www.css-discuss.org
• CSS at MaxDesign 特别关注于列表、浮动等问题：http://css.maxdesign.com.au
• CSS/Web Standards Links Andy Budd的CSS文章、技术以及缺陷修复列表，更新频繁：http://www.andybudd.com/links/cssweb_standards
• Holy CSS Zeldman CSS相关资源列表：http://www.dezwozhere.com/links.html
• Position Is Everything CSS布局方面解决方案站点：http://www.positioniseverything.net

终于将这本号称“Web视觉艺术设计的王者之书”看完，《CSS禅意花园》由人民邮电出版社于2007年6月份出版，先前看过英文版，这次出中文版也就买一本来看看。个人觉得这个书基本上是用来展示CSS禅意花园http://www.csszengarden.com的36件作品，用来说明CSS的强大。对于作为偏向程序的我来说其还达不到所宣称的“无设计知识，亦能运用自如”，或许本来就对CSS有所了解，书中对实际的CSS做法提到不是很多，某种程度上讲，这本书是站在页面设计师的角度来讲述一件通过CSS来控制的HTML文件的设计过程。

整本书通过CSS禅意花园网站上面的作品来传授设计师在页面设计、CSS布局、图像运用、文字排印、特效及设计重构的方法。整本应该更适用于有一定设计基础，想利用CSS标准来制作结构良好、高效的、兼容性更好的页面。

读完该书发现在Web应用上面数据和表现分离的是一种很大的趋势，在传统WinForm程序中数据和表现分离只需要增加UI层即可，而web上面的数据和表现分离还要区分开发人员角色，对于页面设计师来说，页面结构是数据，CSS即是控制数据显示的表现方式，对于应用开发人员（一般就是开发人员）数据是存储于数据库中的实际数据，表现就是通过模板、框架来提供的页面数据。这样导致一个Web应用将分为：页面表现层、页面结构层、页面数据层（一般可以是业务逻辑层）、数据层（数据访问层、数据库）。完美的Web应用更负责。

开卷有益，从读这本书中收益的地方有这么几点：

• 选用适当的HTML元素。受以前Table布局影响，为了实现显示效果，乱用HTML标记比较严重，其实应当根据文档内容的结构选择HTML元素，而不是根据HTML元素的样式。例如：用p元素包含文字段落，而不是为了换行；用blockquote包含被引用的文字，而不是为了得到缩进等。另外，最好采用符合XHTML 1.0 Strict标准的HTML元素。
• 避免过度使用div和span。在前一段时间的Web项目中，我就过度使用了div和span。div应该用于增强文档的结构性，可以将div看作一个可以被重用的容器，几个合理位置中的div却可以让文档显得井井有条。
• 适当使用class和id。前一段时间的Web项目中，我还过度使用了class和id。class、id命名规则：字母或数字（a~z、A~Z、0~9）或下划线（_），实际中中划线（-）也可以使用，class和id名称必须以字母开头（难怪14font的class有时候不能生效），同一个页面不能给多个元素指定相同的id，建议在CSS和HTML中统一class、id的命名大小写。
• 抛弃安全色的限制。
• 如果仅仅为了实现table的某种效果，没有必要使用间隔图像或者嵌套表格。用CSS控制边距即可。
• 属于页面内容的图片放入页面数据，数据布局呈现的图片建议全部放到CSS中。
• 创建并测试CSS时，首先在最高级、最先进的浏览器中进行，然后再考虑其它浏览器。就实际情况看，首先应该在Mozilla Firefox中测试，再到IE7中测试，再测试IE6。可恶IE浏览器兼容性太差。

图书购买网址：http://product.dangdang.com/product.aspx?product_id=9293450