这是我参与 第五届青训营 伴学笔记创作活动的第3天~
颜色
三种颜色使用方式：RGB模型、HSL模型、关键字。
RGB模型：
使用方式：#000000或rgb(0,0,0)
HSL模型：
使用方式：hsl(100,70%,60%)
Hue -- 色相（H）是色彩的基本属性，如红色、黄色等；取值为0-360；
Saturation -- （S）饱和度，色彩的鲜艳程度，值越高越鲜艳；取值范围为0-100%；
Lightness -- （L）亮度，颜色的明亮程度，值越高颜色越亮；取值范围为0-100%；
关键字：
使用方式：red
透明度alpha：
使用方式：#ff006e、rgba(255,0,0,0.43)、hsla(0,100%,50%,0.43)
取值为0-1，值越高越不透明。
字体与段落格式
字体族
一般来说字体族需要设置多个，这是为了设备的兼容性问题，其匹配规则按照从前往后的方式进行匹配。需要注意的是要在最后设置通用字体族。
例如：font-family: "Gill Sans Extrabold", sans-serif;
- 通用字体族分为五种：
1 Serif 衬线体
2 Sans-Serif 无衬线体
3 Cursive 手写体
4 Fantasy：梦幻字体族
5 Monospace：等宽字体
- 字体族的使用建议：
1字体列表最后写上通用字体族
2英文字体放在中文字体前面
远程字体：使用@font-face，示例如下：
@font-face {
font-family: "Open Sans";
src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
需要注意的是使用 web font 会增加系统的开销，因此中文字体最好使用裁贴工具。
字体大小：font-size，其取值有三种方式，分别为关键字、长度单位（px、em）、百分比。
需要注意的是，当字体使用百分比时是相对父元素字体大小的。
字体样式：font-style，取值分为三种，分别为normal（默认）、italic（斜体）、oblique（倾斜体，若当前字体不存在倾斜体就会用斜体代替）。
字体粗细：font-weight，可以取数字值（100-900），也可以使用关键字 normal（400）、bold（700）。需要注意的是，不是所有的字体粗细都存在数字表示的。
行高：line-height，表示两行文字之间baseline的距离，取值为四种，分别为 normal（默认）、不带单位的数字（与当前设置的字体尺寸相乘得到行高）、带单位的数字（固定行间距）、百分数（基于当前字体尺寸得到行高）。
建议使用 font 来进行简写，使用公式如下：font: font-style font-weight font-size/line-height font-family
对齐方式：text-align，取值分为四种：left、right、center、justify
间距：分为两种间距，分比为letter-spacing（字符间距）和word-spacing（单词间距）。
首行缩进：text-indent，取值可以为带单位数值，也可以为百分比（百分比是相对于块宽度的）。
文本装饰：text-decoration，取值为none（默认）、underline、line-through、overline。
空白：white-space
2023/01/18 Day3
