CSS 注释

注释用于解释代码，以后在您编辑源代码时可能会有所帮助。

浏览器会忽略注释。

位于 <style> 元素内的 CSS 注释，以 /* 开始，以 */ 结束：

1）范例

/* 这是一条单行注释 */
p {
  color: red;
}

我要试一试

您可以在代码中的任何位置添加注释：

2）范例

p {
  color: red;  /* 把文本设置为红色 */
}

我要试一试

注释能横跨多行：

3）范例

/* 这是
一条多行的
注释 */ 
p {
  color: red;
}

我要试一试

 

1. HTML 和 CSS 注释

从 HTML 教程中，您学习到可以使用 <!--...--> 语法在 HTML 源代码中添加注释。

在下面的例子中，我们结合使用了 HTML 和 CSS 注释：

范例

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* 将文字颜色设置为红色 */
} 
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- 这些段落将是红色的 -->
<p>Hello World!</p>
<p>这段文本由 CSS 设置样式。</p>
<p>CSS 注释不会在输出中显示。</p>
</body>
</html>

我要试一试

指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。1. CSS 颜色名：在 CSS 中，可以使用颜色名称来指定颜色。2. CSS 背景色：您可以为 HTML 元素设置背景色。3. CSS 文本颜色。4. CSS 边框颜色。5. CSS 颜色值：在 CSS 中，还可以使用 RGB 值、HEX 值、HSL 值、RGBA 值或者 HSLA 值来指定颜色。