持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第30天，点击查看活动详情
前言
大家好呀，我是L同学。在上篇文章CSS颜色表示方法中，我们学习了css中的相关知识点，包括内联样式、内部样式表、外部样式表等相关知识点。今天，在这篇文章中，我们将学习css属性-文本相关的相关知识点，包括text-decoration、text-transform、text-indent、text-align、letter-spacing、word-spacing等相关知识点。
css属性-文本相关
text-decoration
text-decoration用于设置文字的装饰线，decoration是装饰/装饰品的意思。text-decoration有如下常见取值:
- none：无任何装饰线。可以去除a元素默认的下划线。
- underline：下划线。
- overline：上划线。
- line-through：中划线（删除线）。
a元素有下划线的本质是被添加了text-decoration属性。
text-transform
text-transform用于设置文字的大小写转换，Transform单词是使变形/变换(形变)的意思。
text-transform有几个常见的值:
- capitalize：(使…首字母大写, 资本化的意思)将每个单词的首字符变为大写。
- uppercase：(大写字母)将每个单词的所有字符变为大写。
- lowercase：(小写字母)将每个单词的所有字符变为小写。
- none：没有任何影响。
实际开发中用JavaScript代码转化的更多。
text-indent
text-indent用于设置第一行内容的缩进。text-indent: 2em; 刚好是缩进2个文字。
text-align
text-align直接翻译过来是设置文本的对齐方式的意思。MDN定义行内内容（例如文字）如何相对它的块父元素对齐。
text-align有几个常见的值：
- left：左对齐
- right：右对齐
- center：正中间显示
- justify：两端对齐
letter-spacing、word-spacing
letter-spacing、word-spacing分别用于设置字母、单词之间的间距。默认是0，可以设置为负数。
css属性-字体相关
font-size
font-size决定文字的大小。
常用的设置：
- 具体数值+单位。比如100px。也可以使用em单位(不推荐)：1em代表100%，2em代表200%，0.5em代表50%。
- 百分比。基于父元素的font-size计算，比如50%表示等于父元素font-size的一半。
font-family
font-family用于设置文字的字体名称，一般仅设置一次。font-family可以设置1个或者多个字体名称，浏览器会选择列表中第一个该计算机上有安装的字体，或者是通过 @font-face 指定的可以直接下载的字体。
