黑夜 发表于 2013-5-2 11:31:31

CSS初学者的常见错误

网页是由结构层、表示层、行为层构成,今天我们就说下表示层(css)的一些常见的容易被忽视的累赘写法。

随着网页设计的不断发展,越来越多的人热衷于css修饰我们的html,期间也有不少css UI包,但是曾经是初学者或者现在是初学者的你有没有犯下以下错误呢?
1.不要因为疏忽或者懒惰忘记了引号这个事情不只是初学者容易犯的错误,也有一些中高端开发人员一种通病。拿出设置字体这个样式说下。font-family:"宋体","微软雅黑";font family: "Times New Roman", "Times Roman", Roman, serif;请注意引号包括的字体,是用,号隔开的,字体是用双引号包起来的,这些字体是通过,号来判断一种字体,无论设置中文字体还是英文字体,必须要参照这个格式书写。

2.CSS注释css注释也是同于html的注释一样,来诠释一段代码的用途或者介绍。这个样的注释对于各种规模的项目都是必须有的,看完这里,你可以拿出你写过的css看看有没有注释,或者注释的内容模棱两可,让他人看不懂你的css,导致你的同事每次都来问你,这样大大增加了沟通成本。一个好的css写手,其合理的注释也是一种考量标准。
3.不要忘记你结束;号
.class {margin: 0;padding: 0 3px 0 3px;font-family: "Times New Roman", "Times Roman", Roman, serif;color: #000;}分号作为结束css属性标记是不必可少的,其实我们很多项目中出现样式错误就是这个;号导致的,尤其是初学者。

4.一些可以简写的css属性值
这里最为明显的是黑白色值、0px黑:#000000,白:#FFFFFF,0px我们可以简写成:#000,#fff,0,这样就节省了几个字节的空间,虽然没多大用处,但是我们要对我们的css占用空间要有一种能少则少的态度。效果虽然不是太明显,但是这是一种好习惯,运用大项目的时候你会发现你的习惯给你节省了很多工作。
5.摒弃那些重复出现的元素.class {padding-left: 0;padding-right: 0padding-top: 0;padding-bottom: 0;}这个意思是内间距:上下左右为0,这样写不能说写的错误,但是这样看的有点太罗嗦,我们可以设置成:
.class {padding: 0;}这样一行代码就搞定4行代码所要表达的意思,岂不是干净利索。

6.太多的空白这里的空白是回车及空格键造成的,一个干净的css适当的回车隔开是可以允许的,但是太多空格造成的空白是不规范的。
总结:css其实是一门基础但是难容易把握的语言,细节太多,一个良好的css规范文件不止是上述要注意的几条。

情不自禁 发表于 2013-5-10 22:57:20

确实,需要记住的单词量太多

互微时代 发表于 2013-5-16 20:58:24

强烈支持楼主ing……

cqk2980 发表于 2013-5-17 15:39:23

无回帖,不论坛,这才是人道。

citian3094 发表于 2015-5-2 12:42:37

学习了,谢谢!

q873475510 发表于 2016-1-19 15:12:46

学习了!

麦芒微笑 发表于 2016-2-21 18:11:58

有时候确实出现楼主所说的情况,主要还是不熟练的问题吧,希望多练习就好

劣单 发表于 2016-3-1 16:08:13

我就试试我登记时多少

hadesfish 发表于 2016-5-18 00:09:51

感谢楼主分享

zhouxcpython 发表于 2016-5-24 14:06:29

感谢分享

1252697044@ 发表于 2016-6-3 10:02:41

感谢分享...写css 切实要养成好的习惯

纵情随心 发表于 2016-6-9 23:16:55

谢谢楼主的总结
页: [1]
查看完整版本: CSS初学者的常见错误