花了一个星期的时间,有些随意,也有些带着解惑的态度,从头到尾有选择性地看完《CSS禅意花园》这本书.收获自然是少,盛名之下,名符其实.然而带给我的更多的是冲击!!
虽然是业余的Web爱好,但从建第1个站开始,到如今也有4年的历史了,真真切切的面对CSS技术却还是从这本书开始.一边看书,一边用书里的一些看法调整着自己的网页,……一个星期过去了,书看完了,我也完成了2个页面的调整,带来的冲击却无法退却!!
我想花上一段时间,重新理一下这本书给我的感受.在这里,我首先想到的就是把这本书的”结束”部分完整的打印出来,以为自己的借鉴!!
CSS问题”一站式”解决方案: http://www.mezzoblue.com/css/cribsheet
XHTML验证: http://validator.w3.org
CSS验证: http://jigsaw.w3.org/css-validator
依赖CSS开发站点的几个建议:
1- 创建并测试CSS时,首先在最高级、最先进的浏览器中进行,然后再考虑其他浏览器.
2- 若用浮动实现布局,请确保正确地清除了浮动.
3- 为元素应用内边距或外边距来避免外边距重叠.
4- 避免同时为元素指定明确的内边距/边框值与宽度/高度值.
5- 避免IE 6的”无样式内容瞬间”现象.(可用Link替代Import)
参考: http://www.bluerobot.com/web/css/fouc.asp
6- 不要依靠min-width或min-height属性.
7- 尝试减少百分比值.
8- IE中没有完整显示出内容?(解决方案参考:www.positioniseverything.net/explorer/peekaboo.html)
9- 确保要实现的效果确实存在.
10- 牢记”LoVe/HAte(爱/恨)”链接规则.(顺序link->visited->hover->[focus]->active)
11- 牢记”TRouBLED(麻烦的”边框简写顺序.(top->right->bottom->left)
12- 为非零值标明单位.
13- 测试不同的字体大小
14- 在HTML和CSS中统一大小写.
15- 测试时使用嵌入样式,发布时再改为外部输入.
16- 用明显的边框辅助调试布局.
17- 指定图片路径时不要使用单引号.
18- 若使用了锚点(anchor),那么在为超链接应用样式时要格外小心.
参考: www.dbaron.org/css/1999/09/links
19- 不要未雨绸缪地链接至作为”占位符”的空样式表(例如手持设备或打印用样式表)
其他资源:
1- CSS设计类Web站点
CSS Discuss www.css-discuss.org
——大容量邮件列表,关注CSS新闻并提供CSS的相关帮助
CSS at MaxDesign css.maxdesign.com.au
——集中了很多CSS相关的内容,特别专注于列表、浮动等问题
CSS/Web Standards Links www.andybudd.com/links/cssweb_standards
——Andy Budd的CSS文章、技术以及缺陷修复列表,更新频繁.
Holy CSS Zeldman! www.dezwozhere.com/links.html
——Andrew Fernandez收集的CSS相关资源列表,这或许是能在网上找到的最全最好的资源集合.
Position Is Everything www.positioniserverything.net
——遇到CSS布局问题?发现了新的浏览器缺陷?去找Big John和Holly吧–无论有什么问题,他们都能够解决.
2- 期刊出版物
A List Apart www.alistapart.com
Digital Web Magazine www.digital-web.com
Web Standards Project Buzz www.webstandards.org/buzz
3- 图书
《Eric Meyer on CSS:Mastering the Language of Web Design》
《Web Standards Solutions:The Markup and Style Handbook》
《Special Edition:Using XHTML and HTML》