文本

text-overflow / 超出文本隐藏

text-overflow: ellipsis;
/* 溢出内容为隐藏 */
overflow: hidden;
/* 强制文本在一行内显示 */
white-space: nowrap;

纸上得来终觉浅，绝知此事要躬行。

text-overflow: clip | ellipsis

font-face / 服务器字体

这是嵌入字体的示例

@font-face {
  font-family: "muyao";
  src: url("./muyao.ttf");
}
.font-face-demo {
  font-size: 4rem;
  font-family: "muyao";
}

text-shadow / 字体阴影

text-shadow: X-Offset Y-Offset blur color;

X-Offset：表示阴影的 水平 偏移距离。数值为正数 向右 → ，数值为负数 向左 ←。

Y-Offset：表示阴影的 垂直 偏移距离。数值为正数 向下 ↓ ，数值为负数 向上 ↑；

Blur：模糊程度。只能为 正数，0 表示没有阴影。

Color：是指阴影的颜色，其可以使用 rgba 色。

X-Offset 、 Y-Offset 、 Blur 的单位都是 px !!! 没有 px 没效果

少小离家老大回

X-Offset： 8px

Y-Offset： 8px

Blur： 8px

Color：