专注优质Wordpress企业网站搭建与优化

开宗明义:《CSS权威指南第三版》精髓中文学习笔记【3.9】CSS注释



SEO优化,CSS教程,Wordpress博客 - 来自西米CC(http://ximicc.com)你可以在CSS中插入注释来说明你代码的意思,注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中,注释是不显示的。如果使用注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息,不过使用注释对优化组织结构和提升效用也很有帮助。

CSS可以使用注释,但语法跟HTML注释完全不同。CSS注释非常类似于C/C++注释,都是用/*和*/括起来:

  1. /*This is a CSS1 comment*/

同C++一样,注释可以跨越多行:

  1. /*This is a CSS1 comment,and it
  2. can be several lines long without
  3. any problem whatsoever.*/

记住,CSS注释不可以嵌套使用。因此下面的这个实例就是不正确的:

  1. /*This is a comment,in which we find
  2. another comment,which is wrong
  3. /*another comment*/
  4. and back to the first comment*/

然而,几乎没有必要使用嵌套的注释,所以这个限制不是个大问题。

如果要将注释放在标记的同一行上,则要注意它的放置。例如,下面的方式就是正确的:

  1. H1 {color:gray;}    /*This CSS comment is several lines*/
  2. H2 {color:silver;}  /*long,but since it is alongside*/
  3. P {color:white;}    /*Actual styles,each line needs to*/
  4. PRE {color:gray;}   /*be wrapped in comment markers*/

对上例来说,如果不是每行都加注释标签,则大多数的样式表都会成为注释的一部分,这样就不能达到预期的目的:

  1. H1 {color:gray;}    /*This CSS comment is several lines
  2. H2 {color:silver;}  long,but since it is alongside
  3. P {color:white;}    Actual styles,each line needs to
  4. PRE {color:gray;}   be wrapped in comment markers*/

在这个例子中,只有第一个规则H1 {color:gray;}会应用于文档。剩下的规则都被当作注释的一部分,从而被浏览器所忽略了。继续研习我们的例子,在HTML标签里我们还会发现更多的CSS信息。

[ 以下内容您也可能感兴趣 ]

Add a Comment