CSS注释

< 上一页导入外部样式表 CSS属性下一页 >
在 CSS 中增加注释很简单,所有被放在/**/分隔符之间的文本信息都被称为注释。

CSS 只有一种注释,不管是多行注释还是单行注释,都必须以/*开始、以*/结束,中间加入注释内容。

【示例1】注释放在样式表之外。
  1. /*定义网页的头部样式*/
  2. .head{ width: 960px; }
  3. /*定义网页的底部样式*/
  4. .footer {width:960px;}

【示例2】注释放在样式表内部。
  1. p{
  2. color: #ff7000; /*字体颜色设置*/
  3. height30px; /*段落高度设置*/
  4. }

下面的例子进行 CSS 代码应用并查看浏览器下的效果。

【示例3】为段落和标题分别添加 CSS 代码注释。
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. /*样式1*/
  5. .STYLE1 {
  6. color: #009900; /*字体颜色是绿色的*/
  7. }
  8.  
  9. /*样式2*/
  10. .STYLE2 {
  11. font-size: 18px; /*字体大小为18号字体*/
  12. color: #FF3300; /*字体颜色是红色的*/
  13. font-weight: bold; /*字体进行了加粗*/
  14. }
  15.  
  16. /*样式3*/
  17. .STYLE3 {
  18. color: #0000FF; /*字体颜色为蓝色*/
  19. font-family: "黑体"; /*字体为黑体*/
  20. font-style: italic; /*字体效果为倾斜*/
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <p class="STYLE1">段落设置一</p>
  26. <p class="STYLE2">段落设置二</p>
  27. <h2 class="STYLE3">标题设置效果</h2>
  28. </body>
  29. </html>
页面演示效果如下图所示。


图1:CSS代码添加注释
< 上一页导入外部样式表 CSS属性下一页 >