博客园  :: 首页  :: 管理

CSS基础-关于CSS注释的添加

Posted on 2021-06-14 10:13  520_1351  阅读(588)  评论(0)  编辑  收藏  举报

在 CSS 中增加注释很简单，所有被放在/*和*/分隔符之间的文本信息都被称为注释。

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

 

1、注释放在样式表之外

/*定义网页的头部样式*/
.head{ width: 960px; }

/*----多行注释开始----
定义网页的底部样式
Author:https://www.cnblogs.com/5201351
----多行注释结束----*/
.footer {width:960px;}

2、注释放在样式表内部。

p{
color: #ff7000; /*字体颜色设置*/
height：30px;   /*段落高度设置*/
}

3、下面的例子进行 CSS 代码应用并查看浏览器下的效果，为段落和标题分别添加 CSS 代码注释

<html>
    <head>    
        <style type="text/css">
        /*样式1*/
        .STYLE1 {
        color: #009900; /*字体颜色是绿色的*/
        }
        /*样式2*/
        .STYLE2 {
        font-size: 18px; /*字体大小为18号字体*/
        font-weight: bold; /*字体进行了加粗*/
        }
        /*样式3*/
        .STYLE3 {
        font-family: "黑体"; /*字体为黑体*/
        font-style: italic; /*字体效果为倾斜*/
        }
        </style>
    </head>

    <body>
      <p class="STYLE1">段落设置一</p>
      <p class="STYLE2">段落设置二</p>
      <h2 class="STYLE3">标题设置效果</h2>
    </body>
</html>

 

 

 

尊重别人的劳动成果 转载请务必注明出处：https://www.cnblogs.com/5201351/p/14881951.html