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教程