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

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

  提示和标签

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

  /* Turn off borders for linked images */

  img { border: 0; }

  时间戳和签名

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

  /* Styles Updated: Thu 4.11.08 @ 17:15 p.m. Author: WEBJX.com ——-*/

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

  组织

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

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

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

  注释标记

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

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

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

时间: 2024-09-11 04:02:24

CSS编写中灵活运行注释的意义的相关文章

使用HTML+CSS编写灵活的Tab页

 首先看一下预览界面: 下面开始讲述一下完成上述页面的步骤. 1. 构建HTML 构建HTML是整个过程最基础的部分.我们构建HTML比较关键的一个原则就是"还HTML标签其本来的含义".所以在这里,我们应该合理分析一下期望做到的HTML的结构的情况,并加以分析,选择比较合适的HTML标签,而不是采用非标准的Table布局或者充斥着大量div和class的布局方式.事实上,现在存在着一种误区,就是凡事采用了DIV+CSS的方式进行页面编程的就是Web标准的,其实这是完全错误的观点,很容

CSS编写指导规范和建议

CSS编写指导规范和建议 在参与规模庞大.历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标,我们要采用诸多方法. 本文档第一部分将探讨语法.格式以及分析 CSS 结构:第二部分将围绕方法论.思维框架以及编写与规划 CSS 的看法. CSS 文档分析 无论编写什么文档,我们都应当维持统一的风格,包括统一的注释.统一的语法与统一的命名规范. 总则 将行宽控制在 80 字节以下.渐变(gradient

CSS开发中的10个不要

自我进入这个行业,我就发现开发人员一直在努力征服CSS. 理由也很充分,开发人员是用逻辑思考的生物.添加一个DIV元素导致所有代码都不得不往下移一行,而另一个DIV"浮"到左侧,感觉没有任何意义. 你也一定听到过开发人员的抱怨: "我们只需要向左边移动五个像素,但是-天哪!为什么整个都向下移动了一行.到底是哪里错了?!?!?!" 所以,我们今天就来聊一聊CSS中的十大错误的做法. 根据我作为开发人员使用CSS的经验,下面是我的十个"不要". 1.

CSS学习中的瓶颈

  一.何为瓶颈? "瓶颈"指瓶子的颈部,相对狭窄.这是很传神的一个词,因为狭窄,因此难以突破:但是,一旦突破了,就是广阔天空(偌大瓶身)! 小弟不才,凑合画了个瓶颈示意图,如下: 图中,A → B → C → - 表示进阶,即相关技能的提升:①②③④则表示各个阶段要进入的瓶颈!这个适用于各行业,各学派. 杨过的武功学习与瓶颈 我们都看过<神雕侠侣>,为便于理解,我就以"神雕大侠"杨过的武功成长经历解释上图的含义: 各进阶阶段: 阶段A 武功杂:蛤蟆功,

在js中加html注释的作用?

问题描述 在js中加html注释的作用? <!-- function getStringLength(str){ var num=0; if (str!=""){ var i; var s; for(i=0;i<str.length;i++){ s=str.charCodeAt(i); if(s-128<0) num=num+1; else num=num+2; } } return num; } //--> 解决方案 就是说这些代码本来应该删除,但是这个程序员

如何使文本在DIV+CSS布局中垂直居中

css DIV+CSS布局中垂直居中的实现. <html><head><style>body{TEXT-ALIGN: center;}#center{ MARGIN-RIGHT: auto;MARGIN-LEFT: auto;height:200px;background:#F00;width:400px;vertical-align:middle;line-height:200px;}</style></head><body><

XHTML+CSS布局中兼顾SEO的两点建议

  XHTML+CSS布局模式因其表现和内容相分离,提高搜索引擎对网页的索引效率,代码简洁.提高页面浏览速度,易于维护和改版等众多优点而在广泛地被人们所接受.以下笔者结合手机商务类网站,对XHTML+CSS布局中兼顾SEO进行一些总结,希望能给站长同仁一些有益的参考. 一.做好网页的架构分析工作,是设计好网页的前提 一个拥有高访问量的网站是成功网站的一个衡量因素,我们在设计网页时要根据主题的不同进行合理的板式选择和色彩配,将网站要达到的宣传效应通过合理搭配而构成的美丽页面来吸引客户的兴趣,促使他

在C#中使用XML注释

大多数程序员可能都听说过Java自带的一个工具JavaDoc:使用它可以自动地为你的代码生成HTML文档.C#和C#编译器也有类似的功能,不过它生成的是XML,而不是直接生成HTML.不过使用XML会使得文档更加灵活. 注释语法 为了使用C#提供的XML注释功能,你的注释应该使用特殊的注释语法(///)开头.在///之后,你可以使用预先定义的标签注释你的代码,也可以插入你自己定义的标签.你定制的标签将会在随后加入到生成的注释文档中. 预定义的标签 用处 <c> 将说明中的文本标记为代码 <

CSS编写小技巧

1.重置 首先,很认真的告诉你,总是要重置某些分类.无论你是使用 Eric Meyer Reset.YUI Reset或者你自己编写的重置代码,只要使用就对了. 它能很简单的移除所有元素的填充(padding)和边距(margin): html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padd