color: red;color: green;color: blue;color: orange;color: gray;
颜色名称：https://developer.mozilla.org/zh-CN/docs/Web/CSS/named-color
2. RGB/RGBA 的办法
/ rgb(红,绿,蓝) // rgba(红,绿,蓝,透明度) // 利用 0~255 之间的数字表示一种颜色 // 赤色 /color: rgb(255, 0, 0);/ 绿色 /color: rgb(0, 255, 0);/ 蓝色 /color: rgb(0, 0, 255);/ 玄色 /color: rgb(0, 0, 0);/ 白色 /color: rgb(255, 255, 255);/ 紫罗兰色 /color:rgb(138, 43, 226);/ 半透明的赤色 /color:rgba(255, 0, 0, 0.5);/ 也可以利用百分比表示一种颜色 // 赤色 /color: rgb(100%, 0%, 0%);/ 半透明的赤色 /color: rgba(100%, 0%, 0%, 50%);
3. HEX/HEXA（十六进制 RGB）的办法
/ 每两位十六进制一组共三组，分别表示红绿蓝 // #RRGGBB 或 #RRGGBBAA 或 #RGB 或 #RGBA // 赤色 /color: #ff0000;/ 绿色 /color: #00ff00;/ 蓝色 /color: #0000ff;/ 玄色 /color: #000000;/ 白色 /color: #ffffff;/ 半透明的赤色 /color: #ff000088;/ 如果每种颜色的两位都是相同的，可以简写// 等同于 #ff9988 /color: #f98;/ 等同于 #ff998866 /color: #f986;
4. HSL/HSLA 的办法
/ hsl(色相,饱和度,亮度) // hsl(色相,饱和度,亮度,透明度) /color: hsl(188, 97%, 28%);color: hsl(321, 47%, 57%);color: hsla(0, 100%, 50%, 0.5);色相：取值范围是 0~360 度，详细度数对应的颜色如下图：
1. 字体类型
font-family: "STCaiyun","Microsoft YaHei",sans-serif;
如果字体名包含空格，必须利用引号包裹起来。可以设置多个字体，按照从左到右的顺序逐个查找，找到就用，没有找到就利用后面的
2. 字体大小
/ 通过绝对大小设置 /font-size: 16px;/ 通过相对父元素字体的大小设置 // 16px 2.5 = 40px /font-size: 2.5em;/ 16px 1.875 = 30px /font-size: 1.875em; / 16px 0.875 = 14px /font-size: 0.875em;}Chrome 浏览器默认的笔墨大小为 16px。不同浏览器默认的字体大小可能不一致，以是最好给一个明确的值，不要用默认大小。常日以给 body 设置 font-size 属性，这样 body 中的其他元素就都可以继续了。
3. 字体样式
font-style: italic;normal：正常，默认值。italic：斜体，字体自带的斜体效果。oblique：逼迫倾斜字体。
4. 字体粗细
font-weight: bold;font-weight: 600;lighter：细。normal：正常。bold：粗。bolder：很粗（大多字体不支持）。
也可以利用数值：
100~1000 且无单位，数值越大，字体越粗 (或一样粗，详细得看字体设计时的精确程度)。100~300 等同于 lighter，400~500 等同于 normal，600 及以上等同于 bold。5. 字体复合属性
font: italic bold 16px Georgia, serif;字体大小、字体族必须都写上。各个属性间用空格隔开。字体族必须是末了一位、字体大小必须是倒数第二位。
6. 网络字体（CSS3）
可以通过 @font-face 指定字体的详细地址，浏览器会自动下载该字体，这样就不依赖用户电脑上的字 体了
@font-face { font-family: "LIWY字体"; src: url('./liwy.ttf');}/ 指定多种格式 /@font-face { font-family: "liwyfont"; src: url('webfont.woff2') format('woff2'), url('webfont.woff') format('woff'), url('webfont.ttf') format('truetype'); font-weight: 600;}
字体图标库：https://www.iconfont.cn/
四、文本属性color：文本质彩。letter-spacing：字母间距。word-spacing：单词间距。text-decoration：文本装饰线，可以设置类型（none，underline，overline，line-through）、样式（dotted，wavy）、颜色。text-indent：文本缩进。text-align：水平对齐，left（默认），right，center。line-height：行高。vertical-align：用于指定同一行元素之间，或表格单元格内笔墨的垂直对齐办法，不能掌握块元素。white-space：空缺处理办法。/ 设置文本质彩 /color: rgb(112,45,78);color: #90CCEE;/ 设置字母间距 /letter-spacing: 10px;/ 设置单词间距 /word-spacing: 20px;/ 无装饰线 /text-decoration: none;/ 下划线，虚线 /text-decoration: underline dotted;/ 上划线，赤色波浪线 /text-decoration: overline wavy red;/ 删除线，赤色 /text-decoration: line-through red;/ 设置文本缩进 /text-indent:40px;/ 设置水平对齐 /text-align: left;text-align: right;text-align: center;/ 设置行高 /line-height: 60px;/ 自身font-size的倍数 /line-height: 1.5;/ 自身font-size的百分比 /line-height: 150%;/ 使元素的基线与父元素的基线对齐, 默认值 /vertical-align: baseline;/ 使元素的中部与父元素的基线加上父元素字母 x 的一半对齐 /vertical-align: middle;/ 使元素的顶部与其所在行的顶部对齐(所在行即当前行内最高元素的高度) /vertical-align: top;/ 使元素的底部与其所在行的底部对齐(所在行即当前行内最高元素的高度) /vertical-align: bottom;/ 文本超出边界自动换行，文本中的换行被浏览器识别为一个空格。(默认值) /white-space: normal;/逼迫不换行/white-space: nowrap;/原样输出，与 pre 标签的效果相同。/white-space: pre;/在 pre 效果的根本上，超出元素边界自动换行。/white-space: pre-wrap;/合并空缺符序列，但是保留换行符。/white-space: pre-line;white-space: break-spaces;
CSS3 新增样式：
text-overflow：文本溢出。text-shadow：文本阴影。-webkit-text-stroke：笔墨描边复合属性，可设置宽度、颜色。/ 文本溢出, 需合营 white-space 与 overflow 利用 /white-space: nowrap;overflow: hidden;/ 将溢出文本裁剪掉 /text-overflow: clip;/ 将溢出文本更换为 ... /text-overflow: ellipsis;/ 设置文本阴影 // text-shadow: h-shadow v-shadow blur color; h-shadow：必需。水平阴影的位置。许可负值。 v-shadow：必需。垂直阴影的位置。许可负值。 blur：可选。模糊的间隔。 color：可选。阴影的颜色。/text-shadow: 5px 5px 5px #FF0000;/ 无阴影，默认 /text-shadow: none;/ 文本描边 /-webkit-text-stroke: 3px #999000;五、字体设计观点
字体框是设计字体时，采取的指定高度，这个高度一旦确定就不会变动。而字体框的宽度会按照比例自行修正。而 font-size 属性便是指这个字体框的高度。任何字体的基线都是当前字体字母 x 下真个水平线。
由于字体设计的一些特性，导致字体一些约定俗成的协议如下：虽然存在字体框的约束，但是为了字体都雅性，超出字体框的征象都存在。比如字母：f、j、g 等，但是他们都不可能超过上字体框。
基线（base-line）：小写英笔墨母 x 的下边缘(线)。中线（middle）：横过小写英笔墨母 x 的中间的线。行高（line-height）：定义的两行笔墨基线之间的间隔。line-height 与 font-size 的差值（行距）分为两半，分别加到一个文本行内容的顶部和底部。
