为什么你的居中属性没有生效?为什么浮动元素不听你的话?为什么这个图片会这样显示?……
这样或那样的问题困扰着步入网页设计的每个人,以下就以个人经验来来总结一下解决问题的流程。
懒人大法——问你的朋友
如果你有同样做网页设计的朋友,可以和他一起研究,也许他早就你想要的答案。至于在论坛论坛求助,就要看你RP了。
提前预防——看清楚IE、Mozilla下的CSS支持
最踏实的方法就是在此之前就熟悉CSS在主流浏览器里的支持情况,有时候拿着CSS手册看,看到里面说的属性或选择赴多么多么的NB,结果没一个浏览器支持。这方面的讯息网络上已经积累了不少:
- IE7的官方BLOG,总结了IE7的CSS修正和已知错误
- PIE-Position is Everything,IE6时代就存在的怨念群体,总结了很多IE的错误以及解决方案
- 也许你没有想到,Mozilla有专有属性,可能在兼容性问题上你会用到
- 分析显示问题的好文章
乖孩子的做法——有时间多读读书
如果你有幸从头到尾读下任何一本XHTML教程,你写出来的叶子就算无法正常显示,你也可以问心无愧。写书的,再菜也是这方面有过研究的学者。当然有一本好教材,那才叫如虎添翼。
这方面的书籍,基本没有悬念的指向O‘Reilly出版社,就两本:《XHTML权威指南》6TH Edition(EN)5TH Edition(CN)、《CSS权威指南》1ST Edition(CN)2ND Edition(EN)。第二本书的有第三版,但是改动不大,而且只有英文版,不必求新。这些书EM上可以拖到,临时解馋,拥有一本实体书才是最重要的。CSS方面还有一本一定有的书,电子版的CSS2手册。
另外最让人想不到的一点是W3C文档,那上面很多东西都是宝!
坏孩子的做法——我用hack我怕谁
一般来说是不推荐hack的,但是hack用起来真的很方便,而且如果真的成功了有种解脱了的感觉……汗~下面是我保存下的hack资源:
做个细心人——关注页面可访问性
很多时候就算一般浏览器显示正常,也不意味着所有浏览者都能正常阅读。可访问性——这是一个很大的课题,有的人会研究得很BT,往往也和SEO挂上钩,有时候读别人的文章,我会头晕。对于一般网站,我觉得能做到如下一些就好,其他事情可以自行Google:
- 选择合适的DOCTYPE
- 标记恰当的语言
- 构建具有意义并且独特的标题
- 提供完整的导航工具
- 把你的主要内容提前
- 理性地使用颜色
- 使用真实链接
- 将链接写上title属性,图片上写上alt属性
- 设置键盘快捷方式
- 不要打开新窗口
- 学会使用arconyms
- 表格头TD标签如果要加粗,请换Caption
- 别为了布局而用spacer imgaes
- 使用水平标尺
- 恰当使用Header
- 用label标签组织表单
- 为每个页面提供搜索选项
如果通过以上途径都没有改善问题,那么你能做的只有两件事情:
- 更换你的思路,实现另一种效果
- 等待hack或浏览器更新
Let’s Fvck That Page








