字体大小
可继承
字体样式
font—style 可继承
italic 浏览器会显示一个斜体的字体样式
oblique 浏览器会显示一个倾斜的字体样式
normal 默认值, 正常字体
text-decoration 可继承
用来设定文本的下划线，上划线，删除线
none：不画线，并删除任何现有的装饰。
underline: 下划线
line-through: 中划线
overline：上划线
也可以设置宽度和颜色
text-decoration: line-through 10px coral;
font-weight 可继承
文本缩进
text-indent 可继承
/*首行缩进2字符*/
text-indent: 2rem;
大小写控制 可继承
text-transform
capitalize 首字母大写
uppercase 大写
lowercase 小写
none 正常
间距
行间距
line-height 可继承
/*1.5倍行距*/
line-height: 1.5rem;
字符间距
letter-spacing 可继承
单词间距
word-spacing 可继承
空白处理
white-space 可继承
white-space:nowrap(nowrap强制在一行中显示，pre换行和空格保留，normal自动换行)
nowrap 强制在一行中显示 会出现横向滚动条
pre 换行和空格保留
normal 自动换行
超出显示省略号
单行
/*不换行*/
white-space: nowrap;
/*溢出隐藏*/
overflow: hidden;
/*显示省略号*/
text-overflow: ellipsis;
多行
/*溢出隐藏*/
overflow: hidden;
/*显示省略号*/
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
/*设置显示文本的行数*/
-webkit-line-clamp: 4;
文本对齐
水平对齐
text-align:left左，center居中，right右 可继承
对行内元素无效
垂直对齐
vertical-align:(sub设置文本为下标，super设置文本为上标 ， top与顶端对齐 ，text-bottom与低端对齐)
经常用于设置图片或者表单(行内块元素）和文字垂直对齐。它只针对于行内元素或者行内块元素有效。
图片和文字是基于基线对齐的，例如
<div class="line">
<span>这是文字</span>
<img width="100"
src="https://img0.baidu.com/it/u=2426072799,1960439289&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1718816400&t=94b5bbee4836daa4206bfecc6c0baf4b"
alt="">
<span>这是文字</span>
</div>
想让图片基于文字底部对齐，就改变图片的对齐方式
vertical-align: bottom;
字体设置
font-family 可继承
font-family: "宋体", "方正舒体";
可以设置多个字体，第一次没有就用后面的。
导入字体
使用@font-face进行导入
@font-face {
src: url("./ZiXiaoHunLiLiangCuHeiTi(ShangYongXuShouQuan)-2.ttf");
font-family: "xxx";
}
.line {
font-family: "xxx";
}
百度搜免费字体，很多都可以免费下载的
