编码过程中灵活使用CSS注释

开发 前端
你对变下CSS代码过程中注释的用法是否了解,这里和大家分享一下,如果使用注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。

这里向大家描述一下CSS编写中灵活运行注释的意义,最常见的是为CSS样式规则添加提示信息,不过使用CSS注释对优化组织结构和提升效用也很有帮助,相信本文介绍一定会让你有所收获。

CSS编写中灵活运行注释的意义

如果使用CSS注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息,不过使用CSS注释对优化组织结构和提升效用也很有帮助。

提示和标签

  这是注释最常用的途径,可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重要。例如:

  1.   /*Turnoffbordersforlinkedimages*/  
  2.  
  3.   img{border:0;}  

时间戳和签名

  许多设计人员和开发人员会在***更新的CSS文件标注日期时间,以及他们的名字。这些都会提供给我们一些联系信息以及文档更新信息。

  1.   /*StylesUpdated:Thu4.11.08@17:15p.m.Author:WEBJX.com——-*/  
  2.  

  对于一项工程,这种方法会很有用,如果你是小组一分子时,这更是显得尤其重要。要提醒的是,一些组织都要求在文档中留下这类信息,而有些公司喜欢把名字和日期这些信息放在文档之外的地方,所以在开始之前***弄清楚这些事情。

组织

  在CSS文档中使用CSS注释指示不同的区块是个不错的主意。例如,如果所有的头部信息被组合在一起,你可以使用注释使它和下面的区块样式区分开来。

  1.   /*HEADER—————————————————-*/  
  2.  

  接下来我会就此进行进一步的阐述,现在我们先讨论一下如何“分离样式类型”

注释标记

  如果你的CSS文件都是按照我上面所说的按照区块进行划分的话,使用CSS注释标记可以配合“查找”功能使你在文档的各个部分之间切换自如。标注一个章节(Chapter),例如使用等号“=”,然后在后面添加一个区块的名称,例如“HEADER”,这样就为你的CSS文档创建了一个“锚点”。

  1.   /*=HEADER—————————————————-*/  
  2.  

【编辑推荐】

  1. DIV+CSS滑动门技术简介
  2. 畅谈DIV排版和table排版的区别
  3. 14大CSS工具提高网页设计效率
  4. 实现DIV图片居中方法揭秘
  5. 鼠标经过时改变DIV背景颜色的三种途径

 

 

 

责任编辑:佚名 来源: IT168.com
相关推荐

2012-01-17 16:41:08

JavaSwing

2021-03-11 16:34:57

css前端CSS 特效

2010-01-04 18:25:24

Ubuntu Auda

2010-06-07 16:51:06

rsync 使用

2010-04-26 10:09:22

Oracle存储过程

2016-03-23 11:03:40

2011-04-13 13:54:03

HttpClient

2011-08-02 09:49:10

CSS

2010-09-01 10:17:38

CSShack注释

2009-12-29 14:14:22

2010-06-11 14:01:47

面向对象UML技术

2010-07-01 14:05:43

SNMPMIB

2013-08-15 12:26:40

阿里云飞天

2011-04-11 17:28:50

oracle存储select语句

2009-07-23 14:10:38

Hibernate J

2011-05-03 10:31:59

喷墨打印机注墨误区

2020-11-24 10:03:41

编码程序员技术

2022-03-07 07:57:04

Linux工具内存

2009-12-18 16:20:33

Ruby blocks

2019-06-10 06:22:40

编码数据科学代码
点赞
收藏

51CTO技术栈公众号