文字的样式

CSS提供了丰富的属性和样式规则，可以用来控制文字的外观和样式。下面是一些常用的CSS文字样式的示例：

文字样式：

/* 设置字体样式 */
font-family: Arial, sans-serif;
/* 设置字体大小 */
font-size: 16px;
/* 设置字体加粗 */
font-weight: bold;
/* 设置字体斜体 */
font-style: italic;

文字颜色和背景

/* 设置文字颜色 */
color: #333333;
/* 设置文字背景颜色 */
background-color: #f5f5f5;

对齐方式：

/* 水平居中对齐 */
text-align: center;
/* 垂直居中对齐 */
line-height: 40px; /* 设置行高 */
display: flex;
align-items: center;

文字装饰：

/* 下划线 */
text-decoration: underline;
/* 删除线 */
text-decoration: line-through;

文字间距和行高：

/* 字间距（字母） */
letter-spacing: 1px;
/* 字间距（单词） */
word-spacing: 1px;
/* 行间距 */
line-height: 1.5;

文本阴影：

/* 文本阴影 */
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

文本溢出处理成省略号：

/* 文本溢出省略号显示 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

文本大小写转换：

/* 大写字母 */
text-transform: uppercase;
/* 小写字母 */
text-transform: lowercase;

字母间距：

/* 字母间距 */
word-spacing: 2px;