CSS中的注释Comments


CSS中使用注释来解释代码块或在开发期间进行临时更改。注释的代码不会执行。

CSS中的注释语法适用于单行注释和多行注释。您可以根据需要在样式表中添加任意数量的注释。

/*
        This is
        a multi-line
        comment
    */

    /* This is a single line comment*/
    .group:after {
        content: "";
        display: table;
        clear: both;
    }

通过使用CSS注释使您的样式表更具可读性,将来您或其他开发人员将更容易维护CSS。 最好使用CSS注释来帮助识别任何样式表中可能难以理解的部分。

您还可以通过样式化使您的注释更具可读性。

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   CSS TABLE OF CONTENTS

   1.0 - Reset
   2.0 - Fonts
   3.0 - Globals
   4.0 - Color Palette
   5.0 - Header
   6.0 - Body
       6.1 - Sliders
       6.2 - Imagery
   7.0 - Footer
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/****************************************************************************
1.0 - Reset */

/****************************************************************************
2.0 - Fonts */

/****************************************************************************
3.0 - Globals */

/****************************************************************************
4.0 - Color Palette */

/****************************************************************************
5.0 - Header */

/****************************************************************************
6.0 - Body */

    /************************************************************************
    5.1 - Sliders */

    /************************************************************************
    5.2 - Imagery */

/****************************************************************************
7.0 - Footer */
``` css

h2 {
    font-size: 1.2em;
    font-family: "Ubuntu", serif;
    text-transform: uppercase;
    }

更多CSS教程

学习更多CSS教程