致初学者

今天一上线，小梅花就跟我说

小梅花 9:47:01
测试火狐我代码改怎么调整 现在就是6 . 7 .都正常的
火狐对px的认识和对字体的认识跟6 .7.不一样
对magin-left的认识也不一样

很明显，我对这个徒弟有点不满意。虽然是情有可原，当年带了她两个月，基础本已打好，可是跟着我离开，她回家养孩子，大半年一过，基础全丢了。这篇文章主要是针对她和刀刀的问题做一些警告，这都是初学者容易犯错的地方，所以说是警告。

一、css并不难

真的不难！首先你不要去抱怨有多少种浏览器，css只是一门描述型语言。只有那么点属性，只有那么点排列方式。想一下你都能记住超过3000个汉字的字形、音、写法，这区区几百的数量难不倒你。

然后，端正你的学习态度。

二、笃行

我有个别号叫“沈之”，是取自表字“慎之”的谐音。出自“博学、审问、慎思、明辨、笃行五者，废其一，非学也。”，同样，著名的杂家代表人物龚自珍也说过“纸上读来终觉浅，绝知此事要躬行”。

所谓笃行，是为学的最后阶段，就是既然学有所得，就要努力践履所学，使所学最终有所落实，做到“知行合一”。这里不是在说教，我只是警告你们，要想知道不同浏览器对某个属性的渲染差别，动手测试它；想要知道那个bug什么时候、怎么样、为什么会出现，动手测试它；想要知道css3的新特性有什么好处，动手测试它！

测试，测试，再测试！记住并积累你的测试结果。

换一个更简单的词：“勤学苦练”

三、分离

结构、行为、表现的分离。养成这个良好的习惯。

##四、良好的HTML结构

我敢说，很多人写的页面所遇到的浏览器兼容问题，有80%以上是因为不够好的结构而引发的(当然，不包括特定的已知bug)，如同某个地方扇动翅膀的蝴蝶一样。

良好的HTML结构是你最大的潜在帮助！去年虽然robin让我#$!%#$%!，但是我对他的最大的印象仍然是他严谨的注释。

每一个板块、模块的开始和结束；你分析出来的全局应用；包含文件的始末；分屏位置等。把它们分的清清楚楚才对。

关于模块化多说几句，在开始的时候，你完全不用去考虑怎样节俭代码，哪怕没有任何一点全局性的设置。这样做的好处是有助于提升你的结构，完善你的思路，和养成良好的习惯。在一段时间的践履之后，你自然会拥有节俭代码的能力。

##五、先写HTML

好像跟第4条有点重复，其实我觉得这个很重要。优秀的HTML代码在没有css的时候依然是那么的优雅。

记得有一张gif图，表达的是一个个人博客从html开始增加css的不同变化，顺序就是无css – 基础css(reset) – 布局和模块 – 模块头和尾 – 模块内容 。大略就是这样，还分个左右栏，有这张图的同学可以在评论里贴出来让大家温习一下。

基本就这些，首先端正态度，然后勤学苦练，注意一下方式。下面继续废话。

1、关于查错（排除法）

• 善用firebug之类的开发工具
• 检查doctpye
• 检查css文件引用是否正确
• 检查页面标签闭合情况和css格式是否正确
• html和css文件的编码是否一致
• 同名类、同名ID

或单独保留出错模块后再去查错。 提问盒子 http://box.linxz.cn http://code.wanz.im 提问是一门艺术

2、关于工具 个人觉得工具只是用来提升你的效率。至于工具能规避一些低级错误的说法，我觉得既然是低级错误就不应该犯。

分享一下我更换输入法的情况：当年是五笔，五笔是拆字，画画的时候刚好在练局部，准备考书法也在温习偏旁，这个时候我看人、写字都是一半一半的，所以改用智能ABC，多年后，觉得无论哪个新的拼音输入法都比我的智能ABC效率高，于是筛选了一下，选择了可以自定义词汇和短语及按键文字的谷歌拼音输入法，是针对智能ABC的习惯，tension肯定知道的，打个“i”，出来的是“一”。大约花了4个多月的时间，才把习惯彻底改过来。这期间犯的错，不计其数。

一定要我推荐工具的话，我推荐记事本！

3、关于重构 结构、行为、表现三层次的分离以及优化，行内分工优化，以技术与数据、人文为主导的交互优化等。

4、关于入门 首先，你必须有一本（一份）css手册和html手册。

入门书籍推荐李超的《CSS网站布局实录》和[林小志][]的《CSS那些事儿》，一本足矣。

5、时刻了解并熟悉前沿的技术及思想 RT

6、关于类和ID 类(class)如同你的名字，可以有多个，学名，乳名，外号之类；而ID则如同你的身份证号码，只能有一个

多个类、继承的时候需要计算优先级别，可以看属性选择符的优先级。

7、关于命名、语义化 命名问题，在你没有适当而完整的想法前，要么参照别人的命名规则；要么，随便命下吧。

语义化，先用在HTML上吧

8、图片 简单的gif、png、jpg图片优化，图片合并等。

ps.我自己的博客weilaixu.cn因为备案的问题让我很不爽，所以关闭几天。等哪天太阳把我晒暖和了再去备案

pss.个人观点(weilaixu)，欢迎指正。

psss.一个上午就这么没了。这个编辑器不错，直接写HTML代码，虽然有点懒…