HTML 元素里应用的 class 的先后顺序无关紧要。
但是，在 <style> 标签里面声明的 class 顺序十分重要，之后的声明会覆盖之前的声明。
ID 选择器优先级高于 Class 选择器
内联样式的优先级高于 ID 选择器
Important 的优先级最高
RGB颜色
十六进制编码使用 6 个十六进制字符来表示颜色，两个字符为一组，分别代表红（R）、绿（G）、蓝（B）。
0 是十六进制里面最小的数字，表示没有颜色。
F 是十六进制里面最大的数字，有最高的亮度。
还有缩写格式
例如，红色的 #FF0000 十六进制编码可以缩写成 #F00。 在这种缩写形式里，三个数字分别代表着红（R）、绿（G）、蓝（B）三原色。 使用缩写的十六进制编码
创建一个自定义的 CSS 变量
--penguin-skin: gray;
给 CSS 变量设置备用值
使用变量来作为 CSS 属性值的时候，可以设置一个备用值来防止由于某些原因导致变量不生效的情况。
background: var(--penguin-skin, black);
如果你的变量没有设置，这将会把背景设置为 black。
