Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 你应该如何评论CSS?_Html_Css_Web_Software Design - Fatal编程技术网

Html 你应该如何评论CSS?

Html 你应该如何评论CSS?,html,css,web,software-design,Html,Css,Web,Software Design,在开发过程中,我使用的大多数CSS都没有注释,除了偶尔的标题。因此,我养成了不评论CSS的习惯 然而,我经常发现在我正在使用的CSS中添加注释会很有用。除了表明作者的标题之外,您是否应该对CSS进行注释?如果是,怎么做 我不是问如何评论的过程,而是问最佳实践。您可以这样评论几行CSS: /* ******Commented Out****** */ 或者像这样的一个人: #someid { width: 90%; /* background: black; */ } 只需使用

在开发过程中,我使用的大多数CSS都没有注释,除了偶尔的标题。因此,我养成了不评论CSS的习惯

然而,我经常发现在我正在使用的CSS中添加注释会很有用。除了表明作者的标题之外,您是否应该对CSS进行注释?如果是,怎么做


我不是问如何评论的过程,而是问最佳实践。

您可以这样评论几行CSS:

/*
******Commented Out******
*/
或者像这样的一个人:

#someid {
    width: 90%;
    /* background: black; */
}
只需使用/*----*/注释掉一些块

/* .myBtns:hover {
        text-decoration: none;
        color: white;
        cursor: pointer;
} */

你是否选择评论是个人的选择。也就是说,以下是您对CSS的评论:

/* Single Line */

/* Multiple
Line */

在CSS中添加注释不是一个标准,但如果您愿意,可以这样做。以下是创建animate.css的Daniel Eden如何在其css文件头中添加注释的示例:

/*!
Animate.css-http://daneden.me/animate
根据麻省理工学院许可证获得许可-http://opensource.org/licenses/MIT
版权所有(c)2015丹尼尔·伊登

*/
我认为通常有两种情况下应该使用注释:

  • 如果你正在使用黑客
  • 以说明页面结构
  • 这可能超出了问题的范围,但您应该首先问:如何构造CSS

    通过适当的结构,评论可以轻松地导航和定位页面中的各个部分,例如

    /***************
     * UI Elements *
     ***************/
    h1, h2, h3, p {
        ...
    }
    table, form, input, textarea {
        ...
    }
    
    /* Custom Radio button hack: use background-image/position on label */
    input[type=radio] {
        display:none; 
    }
    input[type=radio] + label {
        background-image: url(...);
    }
    input[type=radio]:checked + label {
        background-image: url(...);
    }
    
    
    /**********
     * Header *
     **********/
    #site-header {
        ...
    }
    #logo {
        ...
    }
    
    /***********
     * Sidebar *
     ***********/
    #site-sidebar {
        ...
    }
    .item-in-sidebar {
        ...
    }
    
    /**********
     * Footer *
     **********/
    #site-footer {
        ...
    }
    
    任何接触CSS的人都应该相信,在页眉部分编辑内容不会影响页面上的任何其他内容。如果在所有页面和部分中都需要对元素的样式进行根本性更改,那么您所需要做的就是在CSS的UI元素部分编辑相关元素


    不用说,好的CSS结构取决于您的标记是否编写良好,以及是否与表示清晰地分离。如果您的HTML受到div-itis的困扰,那么任何数量的注释都不能帮助您保存CSS。

    您可以使用CSS的
    /*注释*/

    HTML注释看起来是这样的:
    一些人按类别对CSS进行分组,并将其组织在代码块下,如/*内页//或//RIGHT COLUMN*/等等。一般来说,如果您评论了任何其他方面可能难以理解的内容,以及您使用的任何特殊或不寻常的方法,我们将不胜感激。您可以查看默认WordPress主题的main style.css文件。他们的评论一般都很好。例如:可能重复的相关:谢谢。它帮助我修改CSS