HTML注释
HTML注释是在HTML文档中添加的一种注释形式,用于向读者或开发人员解释代码的用途或提供特定的信息。注释可以包含任何文本,例如标记的描述、思路或备忘录。
HTML注释以<!--开始,以-->结束。注释中的内容不会在浏览器中显示。
<!-- 注释内容 -->
注释可用于文档中的HTML元素、CSS样式和Javascript代码,其可以被用来在代码中包含文本,而不会被浏览器解析,不会在浏览器中显示。
注释中不要包含敏感信息
在编写HTML代码时,通常会使用注释来向团队成员或自己提供有关代码行为和用途的附加信息。但是,应该注意不要在注释中包含任何敏感信息或密码。因为注释是不可见的,但代码审查和版本控制系统可以轻松地看到注释部分的所有内容。
注释的使用场景
注释可用于以下方面:
向团队成员或自己提供有关代码行为和用途的附加信息。
将暂时无法使用的(但有用的)代码行注释掉。这样可以稍后再启用该行代码,而无需重新编写它。
将测试数据注释掉,以便在将代码推送到生产之前更轻松地清理它们。
暂时禁用特定HTML代码,而无需永久删除它们。
颜色「颜色名、十六进制值」
CSS允许使用许多不同的颜色值来指定文本和元素的颜色。虽然有多种不同的颜色代码可用于执行此任务,但其中最常用的是颜色名称和十六进制值。
颜色名称
HTML和CSS都支持颜色名称,其中一些颜色名称如下所示:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow
这些名称代表通用颜色,使用它们而不是指定十六进制值或RGB值,可以更容易地让代码阅读者理解文本和元素的颜色。例如,您可以将元素的文本颜色设置为绿色:
body {
color: green;
}
十六进制值
在CSS中,使用十六进制值指定颜色时使用的是#符号,随后是三个或六个字符的代码。六个字符代码表示透明度,三个字符代码不包含透明度。三个字符的代码扩展为六个字符代码,其中每个字符后面都跟着相同的数字。例如,#039表示深蓝色,而#003399表示较浅的深蓝色。
body {
color: #003399;
}
透明度
如果您使用的是六个字符的代码,可以在代码后面添加另外两个字符来指定颜色的透明度。这些字符表示透明度的十六进制值,可以是00(完全透明)到FF(完全填充)中的任何值。例如,#000000FF表示黑色,并且是完全不透明的,而#00000000表示黑色,并且是完全透明的。
颜色使用注意事项
在CSS中,您可以为不同的属性指定颜色,包括元素的文本颜色、背景颜色、边框颜色等。
要指定元素的边框样式和颜色,可以使用border属性。例如,将元素的下边框设置为蓝色:
p {
border-bottom: 2px solid blue;
}
要更改文本的背景颜色,可以使用background-color属性。例如,将文本背景颜色设置为黄绿色:
p {
background-color: #ADFF2F;
}
要同时更改文本和背景颜色,可以使用color和background-color属性。例如,将页面上所有段落的文本颜色更改为白色,背景颜色为蓝色:
p {
color: white;
background-color: blue;
}