致初学者

许未来 发表于

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

小梅花 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代码,虽然有点懒…

评论列表