| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置: Photoshop资源站 >> 设计学院 >> 网站设计 >> DivCSS教程 >> 正文
  CSS经验之谈:灵活运用注释带来的益处         ★★★ 【字体:
CSS经验之谈:灵活运用注释带来的益处
作者:佚名    教程来源:onegreen.org    点击数:    更新时间:2008-6-20    

  CSS实战经验:灵活运行注释带来的益处

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

  提示和标签

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

  /* Turn off borders for linked images */
  img { border: 0; }

  时间戳和签名

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

  /* Styles Updated: Thu 4.8.08 @ 5:15 p.m. Author: syku.net ——-*/

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

  组织

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

  /* HEADER —————————————————-*/

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

  注释标记

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

  /* =HEADER —————————————————-*/

  这种方法在内容繁杂的样式表中尤其有用。


教程录入:onegreen    责任编辑:onegreen 
  • 上一篇教程:

  • 下一篇教程:
  •  
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    使用dl,dt,dd制作CSS垂直菜单
    CSS3新增background-clip及background-
    div+css实例分享:非常不错的页面制作方
    滚动条CSS样式集合
    掌握CSS缩写技巧
    Div+CSS教程:如何闭合浮动元素?
    使用CSS的dl、dd、dt制作标准表单
    CSS加载方式对页面优化的影响
    CSS经验之谈:保持CSS文件整洁与样式统
    CSS入门指南(CSS布局Web标准必备小结)