笙亿网络策划

CSS 注释怎么写？

约 2 分钟读完 33 阅
文章导读
Previous Quiz Next 在 CSS 中，注释 可用于在样式表中添加解释性说明或注解，这些内容不会被浏览器解释为样式指令。
📋 目录
  1. 一 语法
  2. 二 CSS 注释类型
  3. 三 HTML 和 CSS 注释
A A

CSS - 注释

Previous
Quiz
Next

在 CSS 中，注释 可用于在样式表中添加解释性说明或注解，这些内容不会被浏览器解释为样式指令。

语法

/* 这是一个注释 */
p {
  color: red; /* 将文本颜色设置为红色 */
}

CSS 注释旨在方便开发者使用，浏览器在渲染网页时会忽略它们。它们在文档编写、调试等方面非常有用。

CSS 注释类型

在 CSS 中，有两种主要方式创建注释：

  • 单行注释： 使用 /* 开始注释，用 */ 结束。
  • 多行注释： 多行注释允许跨越多行添加注释，也使用 /* 和 */ 包围。
/* 单行注释 */

/*
注释
跨越
多行
*/

HTML 和 CSS 注释

在 HTML 教程中我们了解到，HTML 中的命令使用 <!-- 和 --> 符号定义。

语法

<html>
   <head>
      <style>
         /* 这是一个 CSS 注释 */
      </style>
   </head>

   <body>
      <!-- 这是 HTML 注释格式 -->
   </body>
</html>

示例

以下示例展示了 HTML 注释和 CSS 注释格式：

<html>
<head>
   <style>
      /* 针对所有 div 元素 */
      div {
         background-color: red; /* 设置背景颜色 */
         height: 50px; /* 设置高度  */
         width: 200px; /* 设置宽度  */
         padding: 5px; /* 设置内边距  */
         border: 5px solid black; /* 设置边框  */
      }
   </style>
</head>

<body>
   <!-- 这是 HTML 注释格式 -->
   <div>
      Styles Applied
   </div>
</body>
</html>