在CSS中,您可以添加评论以解释或组织样式表的不同部分。这样做可能看起来像是在编码过程中的外文步骤,但是在调试时或者评论可能会非常有用重新设计你的网站
为什么?因为他们告诉读者特定的CSS线的意图是什么。如果多个开发人员在网站上工作或从另一名所有者继承该网站,这些见解特别有用。 p>
如果您之前通过了录像表或使用代码片段读取足够的博客文章,您可能已经看到了评论。它们被包围的/ * * /标记识别。 p>
在这篇文章中,我们将通过如何创建自己的评论。然后,我们将介绍它意味着在CSS中“注释出”以及如何进行。让我们开始吧。 p>
如何评论CSS
要评论CSS,只需将纯文本放入/ * * /标记中。这告诉浏览器它们是注释,不应在前端呈现。 p>< / div >< / div >< / div >
您可以通过两种方式向样式表添加注释。最常见的格式是单行注释,如下面的代码所示。 p>
这是CSS: p>
/ *将文本颜色设置为白色和背景颜色,到树荫下* / p>
p { p>
白颜色; p>
背景颜色:#2594A4; p>
} p>
还可以将它们格式化为多行注释,如下面的代码所示。 p>
这是CSS: p>
p { p>
白颜色;/ *将文本颜色设置为白色* / p>
背景颜色:#2594A4;/ *将背景颜色设置为小野的阴影* / p>
} p>
您可以在网页的
部分中或在外部CSS样式表中放置这些代码片段中的任何一个,以使以下HTML样式。 p>这是HTML: p>
如何评论css h1> p>
这个段落使用CSS样式。已经设置了字体颜色和背景颜色属性,因此字体颜色为白色,背景颜色是蓝色的阴影。 p> p>
结果: p>
如果你正在使用引导CSS框架比起从头开始建立一个网站,评论仍然以完全相同的方式工作。 p>
这是CSS,它保持不变: p>
p { p>
白颜色;/ *将文本颜色设置为白色* / p>
背景颜色:#2594A4;/ *将背景颜色设置为小野的阴影* / p>
} p>
HTML会有一点不同,只是因为我想把标题和段落元素放在一个全宽的容器中,所以在边缘有一些填充。 p>
p> Boostrap CSS的评论 h1> p>
就像上面的例子一样,这个段落使用CSS样式。font-color和background-color属性都被设置为白色,背景色为蓝绿色 p>
< / div > p>
结果是结果。注意:前端的唯一区别是字体系列,即在Bootstrap中全局设置。 p>
如何在CSS中“注释掉”
除了解释代码的部分之外,还可以使用注释使CSS规则集或单个声明无效。通过将/ * * /标记放在规则集或声明周围,您可以“注释出”该CSS,以便浏览器知道不适用于该样式。 p>
在我们继续之前,让我们澄清规则集是什么。规则集是一个CSS选择器以及括号内的所有声明。下面是一个网页上所有段落元素的规则集(我们在上面的例子中已经使用过了)。 p>
p { p>
白颜色; p>
背景颜色:#2594A4; p>
} p>
现在让我们来看看正在评论的规则集中的个人声明的示例。 p>
这是CSS: p>
p { p>
/* 白颜色;* / p>
背景颜色:#2594A4; p>
} p>
这是HTML: p>
如何评论css h1> p>
这个段落使用CSS样式。当font-color属性被“注释掉”时,background-color属性没有被注释掉。这意味着,字体颜色仍然是黑色,但背景颜色变成了漂亮的蓝绿色。 p> p>
结果: p>
现在我们将查看正在注释的整个规则集的示例。 p>
这是CSS: p>
/ * p>
p { p>
白颜色; p>
背景颜色:#2594A4; p>
} p>
* / p>
这是HTML: p>
如何评论css h1> p>
这段是样式与CSS,已被“注释掉。”实际上,这意味着CSS被取消了,所以HTML看起来没有样式。 p> p>
结果: p>
在CSS中发表评论
如果您想添加解释性说明或阻止浏览器呈现样式表的特定部分,那么您可以使用注释。评论不会影响您的样式表的其他部分或前端网站的布局的解释。即使你刚刚开始,它们也很容易创造学习HTML和CSS。 p>
最初发布于7月15日7月15日7:00:00,2010年7月15日更新 p>
话题: p>引导和CSS
别忘了分享这篇文章!
相关文章
扩大提供
注册HubSpot的CMS软件雷竞技苹果下载官方版
现在得到它