📜  CSS |注释(1)

📅  最后修改于: 2023-12-03 14:40:19.313000             🧑  作者: Mango

CSS 注释

CSS 注释是在 CSS 代码中添加一些额外信息的一种方式,这些信息不会被浏览器解析为样式规则,因此不会影响页面的样式。CSS 注释可以用来记录开发者的想法、标注注释代码的作用,或者隐藏一些调试代码。

在 CSS 中,注释中的内容可以由两个斜杠(//)开头,直到行末为止,也可以由一个斜杠和一个星号(/*)开头,直到下一个星号和斜杠为止。两种注释方式的使用场景有所不同:

单行注释

单行注释通常用于注释一行 CSS 代码的作用或者用途,以便其他开发者能够更好地理解代码。

/* 这是一个多行注释
   这里是注释的第二行
*/
body {
  font-size: 16px; // 设置页面的默认字体大小
}

在上面的代码中,第一行是一个多行注释,第二行是一个单行注释。注意,单行注释只会注释一行代码,如果要注释多行代码,需要在每行前加上注释符号。

多行注释

多行注释通常用于注释一段或多段 CSS 代码,或者暂时隐藏一段代码以进行调试。

/* 这是一个多行注释
   这里可以注释多行代码,例如下面这段样式 */
/*
h1 {
  font-size: 2em;
  margin: 0.5em 0;
}
*/
body {
  font-size: 16px;
}

在上面的代码中,第一行和最后一行是样式规则,中间部分被注释掉了。这种方式可以用于排除一些样式规则的影响,或者对一段代码进行调试。

总结:CSS 注释是一个很有用的工具,可以提高代码可读性和维护性。正确而合理地使用注释,可以让代码更加易于理解和开发。