CSS 注释（附示例）

合理地给你的代码添加注释是一个非常好的做法，你可以通过注释来解释你的代码（例如解释某段代码的功能和用法），浏览器会自动忽略该内容。注释对于开发人员来说非常重要，可以帮助他们更快地理解代码的用途。

在CSS中，注释以/* （开始字符）开始，以*/ （结束字符）结束， /*和*/成对出现， /*和*/之间的所有内容都被视为注释内容。 CSS 中注释的书写方式只有一种，无论是单行还是多行，只要注释的内容在/*和*/之间即可。例如：

/*一行注释*/

/*
多行注释
*/

[示例] 用注释解释 CSS 样式。

 <!DOCTYPE html>
<html>
    <head>
        <title>プログラミングのヘルプ</title>
        <style>
            /* すべての h1 タグにCSSスタイルを設定 */
            h1 {
                color: blue;        /*文字色を青色に設定*/
                text-align: center; /*中央揃えに設定*/
            }
            /* すべての p タグにCSSスタイルを設定 */
            p {
                color: red;         /*文字色を赤色に設定*/
                font-size: 18px;    /*フォントサイズを 18 ピクセルに設定*/
            }
        </style>
    </head>  
    <body>
        <h1>プログラミングのヘルプ</h1>
        <p>https://it-kiso.com/</p>
    </body>
</html>

执行结果如下图所示。

[标题id =“attachment_467”对齐=“alignnone”宽度=“1024”]

图：在CSS中添加注释[/caption]

浏览器会忽略注释中的内容，因此在开发或调试 CSS 代码时，如果您不希望某些 CSS 代码运行，也可以使用/* */注释该代码。我们不再运行此 CSS 代码，如下所示。

 <!DOCTYPE html>
<html>
    <head>
        <title>プログラミングのヘルプ</title>
        <style>
            /* すべての h1 タグに CSS スタイルを設定する */
            h1 {
                color: blue;        /* 文字色を青色に設定する */
                /*text-align: center;*/
            }
            /* すべての p タグに CSS スタイルを設定する */
            p {
                /*color: red;*/
                font-size: 18px;    /* 文字サイズを 18 ピクセルに設定する */
            }
        </style>
    </head>  
    <body>
        <h1>プログラミングのヘルプ</h1>
        <p>https://it-kiso.com/</p>
    </body>
</html>

执行结果如下图所示。

[标题id =“attachment_469”对齐=“aligncenter”宽度=“1024”]

图：带注释的程序代码[/caption]

在上面的示例中，CSS 样式在第 9 行和第 13 行被注释掉。当你运行它时，你会发现注释中的CSS样式没有启用。

您可以添加到 CSS 中的注释数量没有限制。您可以在任何您认为合适的地方添加评论。但请注意，注释不能嵌套在 CSS 中。注释开始字符/*在遇到第一个注释结束字符*/后结束注释，并被后续的*/浏览器视为 CSS 样式，从而导致后续的 CSS 样式。无法成功解析。

【示例】使用上面的代码可以用CSS样式嵌套注释。

 <!DOCTYPE html>
<html>
    <head>
        <title>プログラミングのヘルプ</title>
        <style>
            /* すべての h1 タグに CSS スタイルを設定する */
            h1 {
                color: blue;        /*文字色を青色に設定*/
                text-align: center; /*中央揃えに設定*/
            }
            /*
                すべての p タグに CSS スタイルを設定する */
            p {
                color: red;         /*文字色を赤色に設定*/
                font-size: 18px;    /*フォントサイズを 18px に設定*/
            }
        </style>
    </head>  
    <body>
        <h1>プログラミングのヘルプ</h1>
        <p>https://it-kiso.com/</p>
    </body>
</html>

执行结果如下图所示。

[标题id =“attachment_470”对齐=“aligncenter”宽度=“1024”]

图：CSS注释不能嵌套[/caption]

JSON

合理地给你的代码添加注释是一个非常好的做法，你可以通过注释来解释你的代码（例如解释某段代码的功能和用法），浏览器会自动忽略该内容。注释对于开发人员来说非常重要，可以帮助他们更快地理解代码的用途。

在CSS中，注释以/* （开始字符）开始，以*/ （结束字符）结束， /*和*/成对出现， /*和*/之间的所有内容都被视为注释内容。 CSS 中注释的书写方式只有一种，无论是单行还是多行，只要注释的内容在/*和*/之间即可。例如：

/*一行注释*/

/*
多行注释
*/

[示例] 用注释解释 CSS 样式。

 <!DOCTYPE html>
<html>
    <head>
        <title>プログラミングのヘルプ</title>
        <style>
            /* すべての h1 タグにCSSスタイルを設定 */
            h1 {
                color: blue;        /*文字色を青色に設定*/
                text-align: center; /*中央揃えに設定*/
            }
            /* すべての p タグにCSSスタイルを設定 */
            p {
                color: red;         /*文字色を赤色に設定*/
                font-size: 18px;    /*フォントサイズを 18 ピクセルに設定*/
            }
        </style>
    </head>  
    <body>
        <h1>プログラミングのヘルプ</h1>
        <p>https://it-kiso.com/</p>
    </body>
</html>

执行结果如下图所示。

[标题id =“attachment_467”对齐=“alignnone”宽度=“1024”]

图：在CSS中添加注释[/caption]

浏览器会忽略注释中的内容，因此在开发或调试 CSS 代码时，如果您不希望某些 CSS 代码运行，也可以使用/* */注释该代码。我们不再运行此 CSS 代码，如下所示。

 <!DOCTYPE html>
<html>
    <head>
        <title>プログラミングのヘルプ</title>
        <style>
            /* すべての h1 タグに CSS スタイルを設定する */
            h1 {
                color: blue;        /* 文字色を青色に設定する */
                /*text-align: center;*/
            }
            /* すべての p タグに CSS スタイルを設定する */
            p {
                /*color: red;*/
                font-size: 18px;    /* 文字サイズを 18 ピクセルに設定する */
            }
        </style>
    </head>  
    <body>
        <h1>プログラミングのヘルプ</h1>
        <p>https://it-kiso.com/</p>
    </body>
</html>

执行结果如下图所示。

[标题id =“attachment_469”对齐=“aligncenter”宽度=“1024”]

图：带注释的程序代码[/caption]

在上面的示例中，CSS 样式在第 9 行和第 13 行被注释掉。当你运行它时，你会发现注释中的CSS样式没有启用。

您可以添加到 CSS 中的注释数量没有限制。您可以在任何您认为合适的地方添加评论。但请注意，注释不能嵌套在 CSS 中。注释开始字符/*在遇到第一个注释结束字符*/后结束注释，并被后续的*/浏览器视为 CSS 样式，从而导致后续的 CSS 样式。无法成功解析。

【示例】使用上面的代码可以用CSS样式嵌套注释。

 <!DOCTYPE html>
<html>
    <head>
        <title>プログラミングのヘルプ</title>
        <style>
            /* すべての h1 タグに CSS スタイルを設定する */
            h1 {
                color: blue;        /*文字色を青色に設定*/
                text-align: center; /*中央揃えに設定*/
            }
            /*
                すべての p タグに CSS スタイルを設定する */
            p {
                color: red;         /*文字色を赤色に設定*/
                font-size: 18px;    /*フォントサイズを 18px に設定*/
            }
        </style>
    </head>  
    <body>
        <h1>プログラミングのヘルプ</h1>
        <p>https://it-kiso.com/</p>
    </body>
</html>

执行结果如下图所示。

[标题id =“attachment_470”对齐=“aligncenter”宽度=“1024”]

图：CSS注释不能嵌套[/caption]

JSON