额外知识补充

1、link 元素

link元素是外部资源链接元素，规范了文档与外部资源的关系；link 元素通常是在 head 元素中。

最常用的链接是样式表（CSS）；此外也可以被用来创建站点图标（比如 “favicon” 图标）；

link 元素常见的属性：

• href： 此属性指定被链接资源的 URL。 URL 可以是绝对的，也可以是相对的。

• rel： 指定链接类型

• • icon：站点图标；
  • stylesheet：CSS 样式；
  • 常见的链接类型：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Link_types

2、认识进制

进制的概念：

• 维基百科： 进位制是一种记数方式，亦称进位计数法或位值计数法；
• 通俗理解： 当数字达到某个值时，进一位(比如从 1 位变成 2 位)；

按照进制的概念，来理解一下十进制：

• 当数字到 9 的时候，用一位已经表示不了了，那么就进一位变成 2 位。

按照上面的来理解，二进制、八进制、十六进制：

• 二进制：当数字到 1 的时候，用一位已经表示不了了，那么就进一位；
• 八进制：当数字到 7 的时候，用一位已经表示不了了，那么就进一位；
• 十六进制：1~9，a(10)、b(11)、c(12) 、 d(13) 、 e(14) 、 f(15)

3、CSS 颜色的表示方法

RGB 颜色：

• 是一种色彩空间，通过 R（red，红色）、G（green，绿色）、B（blue，蓝色）三原色来组成了不同的颜色；
• 也就是通过调整这三个颜色不同的比例，可以组合成其他的颜色；
• RGB 各个原色的取值范围是 0~255；

RGB 表示方法：

RGB 颜色可以通过以#为前缀的十六进制字符和函数（rgb()、rgba()）标记表示。

• 方式一： 十六进制符号：#RRGGBB[AA]

• • R（红）、G（绿）、B （蓝）和 A （alpha）是十六进制字符（0–9、A–F）

• 方式二： 十六进制符号：#RGB[A]

• •  R（红）、G（绿）、B （蓝）和 A （alpha）是十六进制字符（0–9、A–F）

• 方式三： 函数符： rgb[a](R, G, B[, A])

• • R（红）、G（绿）、B （蓝）可以是数字，或者百分比，255 相当于 100%
  • A（alpha）可以是 0 到 1 之间的数字，或者百分比，数字 1 相当于 100%（完全不透明）