CSS注释语法
⼀个样式表创建完成后,再过⼏个星期、⼏个⽉,甚⾄⼏年后,再回过头来进⾏修改时,你可能怎么也想不明⽩以前为什么要创建这个样式,以及它到底有什么作⽤。对于任何项⽬,都是如此。
css怎么创建因此,在构建⽹站时,应该提⽰⾃⼰做了什么,以及这么做的原因。庆幸的是,可以通过CSS注释,把这些提⽰信息嵌⼊到式表中。
CSS注释,只不过是⽤“/*”和“*/”包围起来的内容。注释的内容不会被浏览器读取或执⾏,⽽它确为你提供了有益的提⽰。假如你创建了下⾯的样式,来解决IE的双边距bug:
1. * html .fl {
2. display:inline;
3. }
在编写这个样式的时候,你很清楚它的作⽤,但 3 个⽉后,你还记得清楚吗?添加注释,让你或者需要在这个⽹站上⼯作的其他⼈,了解该样式的作⽤及创建它的原因。如:
1. /* 修复IE双边距bug */
2. * html .fl {
3. display:inline;
4. }
注释可以是单⾏的,如果注释的内容很长,也可以跨越多⾏。注释可以独占⼀⾏,也可以放在声明块或声明语句中。注释可以出现在CSS代码的任何位置,但是,不能把注释放在另⼀个注释⾥⾯,即注释不能嵌套。以下都是合法的注释:
1. /* reset */
2. body, p, img, ul, ol {
3. margin:0;
4. padding:0;
5. }
6. body {
7. /* width: 90%;
8. height: 100%; */
9. font-size:14px/* 62.5% */;/* 16px * 62.5% = 10px */
10. background:#ccc;
11. }
如果CSS⽂件⾮常长,那么寻特定的样式会很困难。⼀种改进⽅法是使⽤⼤的注释块,来把CSS⽂件分隔成多个逻辑部分,并在注释块的头部添加⼀个标志。这样,搜索这个标志和注释头中的前⼏个字母,就可以⽴即到要寻的部分。
1. /*------------ @ reset ------------*/
2. /*------------ @ general ----------*/
3. /*------------ @ hack -------------*/
并⾮所有东西都能够很⾃然的⾮常明确的块,这需要开发⼈员进⾏判断。总之,代码分隔得越细致、
越合理,就越容易理解,⽽且能够更快地到要寻的规则,⽇后维护起来也越轻松。
关于作者
歪脖先⽣,⼗五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《》、《》、《》、《》、《》、《》,并全部在上开源。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论