在css中,由于种种原因,相信很多初学者在尝试自己手写代码时,都会出现这样那样的错误,造成代码失效。手写CSS代码成为新手的第一道拦路虎。为了帮助大家减少错误的发生,今天小编就和大家一起探讨一下手写CSS代码常见错误,希望能给初学者们一些启示。
根据小编的经历,对于初学者在手写CSS代码常见的错误大概有以下两大方面:
一、忘记转化编码
小编发现很多初学者在开始尝试手写代码时,通常会上网参考别人的代码片段,当发现上别人比较好的CSS片段就直接复制过来,结果测试运行时,发现代码失效或者在IE中呈现乱码。这就是因为我们没有注意编码的转化的题,造成别人的编码与我们自己的编码不符合。
解决方法:使用软件中编码转化功能转化网页代码和了解语言编码charset网页编码知识。
二、符号没有区分大小写
1、CSS命名选择符大小写
我们在书写html标签的时候,如果用全角或中文输入法,可能马上会发现问题。但问题往往会出现在书写自己命名的CSS选择符时,把选择符“.”(点)大写了,结果会造成此CSS选择器失效。想当初,小编也经常犯这个错误,所以在这里特意提醒大家注意CSS选择符大小写,那一点一定要使用半角英文输入法小写。
2、CSS属性中分号大小写
在书写CSS属性时,每个CSS属性和对应值结束的时候需要用“;”(分号)结束分割,但如果我们一不留神把分号大写或者漏写就会造成这个选择器内属性失效,所以每个CSS选择器花括号的CSS属性结束一定要以半角小写分号“;”结束。
以上就是小编总结的初学者手写CSS代码常见的错误,虽然说人生在世,孰能无过!但俗话说得好,细节决定成败!我们应该在初学的时候养成良好的习惯,在细节上多加注意,尽量避免犯错!只有这样我们才能编写质量良好并且成熟的代码,让我们的网站可以一鸣惊人!