今日学习内容:
第一天 | 第二天 | 第三天 | 第四天 | 第五天 | |
所花时间(小时) | 4 | 6 | 3 | 6 | |
代码量(行) | 200 | 300 | 150 | 400 | |
博客量(篇) | 1 | 1 | 1 | 1 | |
了解到的知识点 |
CSS简介及实例练习 |
CSS语法和选择器 |
CSS的使用 |
CSS注释 |
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>