CSS合理使用注释对优化组织结构很有帮助

2016-02-19 15:37 4 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐CSS合理使用注释对优化组织结构很有帮助,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

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

  提示和标签

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

  /* Turn off borders for linked images */

  img { border: 0; }

  时间戳和签名

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

  /* Styles Updated: Thu 4.8.08 @ 5:15 p.m. Author: 52CSS.com ——-*/

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

  组织

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  注释标记

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1610023.html

延伸阅读
标签: Web开发
CSS高级布局已逐渐流行,但面对所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会严重影响代码的可阅读性,活用HTML为我们提供的标签吧。 什么时候应该用DIV? 虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV: div i...
标签: Web开发
link rel="stylesheet" type="text/css" href="sheet1.css" media="all" /link标记的用意是允许将html与其他文档相关联。Css用link将css文档与html文档想关联。Css文档虽然不是html的一部分,但是被html使用,从外部style sheets引入它。Link在head元素内,但是不能放在任意head子元素的内部,...
标签: Web开发
在css样式表中用了中文注释,并且将/*和*/写在与中文同一行的话,可能导致注释下方的样式失效,ie6以下的浏览器包括ie6都可能出现这个问题,但经过测试ie7、firefox、opera等浏览器都能良好支持中文注释,具体原因暂时不确定,但发现了解决方法,有问题的写法是这样的:  /*主内容区域地址栏部分样式*/ 如果改为以下两种写法...
有助儿童增高的运动 少年儿童的四肢长骨,只有骨干部分比较硬,两端则由软骨组成。 在生长发育过程中,这些软骨会出现一个骨化中心,软骨也会逐渐变硬生长扩展,人的身高也就逐渐增加。所以说,人的高矮与骨骼的发育有很大关系。 经常进行体育锻炼,由于改善了人体的血液循环,增强了身体对营养物质的吸收,提高了骨细胞的生长能力,因而能使...
标签: Web开发
『Styleneat』CSS 文件结构格式重新组织服务,可以将书写风格凌乱的 CSS 文件按照层叠式结构重新组建,方便您进行阅读和研究,十分实用的一个在线工具。 编程风格就如人的性格一般,不同程序员(设计师)的书写风格往往不尽相同,良好的风格更容易让其他人接受。就拿 WordPress 主题来说,我们或许更偏爱于使用代码风格良好、符合我们口味...

经验教程

655

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部