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: 0
padding-top: 0;
padding-bottom: 0;
}


	这个意思是内间距：上下左右为0，这样写不能说写的错误，但是这样看的有点太罗嗦，我们可以设置成：

.class {
padding: 0;
}


	这样一行代码就搞定4行代码所要表达的意思，岂不是干净利索。


	


	6.太多的空白


	这里的空白是回车及空格键造成的，一个干净的css适当的回车隔开是可以允许的，但是太多空格造成的空白是不规范的。


	


	总结：


	css其实是一门基础但是难容易把握的语言，细节太多，一个良好的css规范文件不止是上述要注意的几条。