马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
网页是由结构层、表示层、行为层构成，今天我们就说下表示层(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规范文件不止是上述要注意的几条。
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2013-5-2 11:31:31
置顶卡
千斤顶
显身卡
发表于 2013-5-10 22:57:20
发表于 2016-3-1 16:08:13