教育改变生活

标题: CSS-5 注释 [打印本页]

作者: 却尘 时间: 2023-10-9 11:13
标题: CSS-5 注释

CSS 注释

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

浏览器会忽略注释。

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

实例

/* 这是一条单行注释 */

p {

color: red;

}

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

实例

p {

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

}

注释能横跨多行：

实例

/* 这是

一条多行的

注释 */

p {

color: red;

}

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>

欢迎光临教育改变生活 (http://bbs.goldoar.com/)

Powered by Discuz! X3.2