今日学习内容:

  第一天  第二天 第三天  第四天  第五天 
所花时间(小时) 4  6  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>

 

posted on 2021-04-01 20:44  白日梦想家~  阅读(40)  评论(0编辑  收藏  举报