文本样式
在 CSS（层叠样式表）中，我们可以通过样式规则来定义和控制网页中文本的外观和样式。
笔记内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style>
p{
/* 颜色，三种表示方式：可以用 rgb(21,21,21)、blue、#2288f6（十六进制） */
color: #2288f6;
/* 行高：
设置文字的行高和父元素高度一样，可以让文字垂直居中；
比父元素大，则文字居下；
比父元素小，则文字居上
*/
/* 基线与基线之间的距离叫行高 */
/* 文字一共有 4 条线：顶线、中线、基线、底线，详见：
css/img/line-height1.png
css/img/line-height2.png
*/
line-height: 24px;
line-height: 1.5; /* 1.5表示行高是字体大小的 1.5 倍，比如字体是 16px，那么行高就是 1.5*16px=24px */
/* 排列方式：
left：左对齐
right：右对齐
center：居中对齐
justify：两端对齐排列
inherit：继承父元素的排列方式
*/
/* 让标签里的文字居中对齐，不是标签居中对齐，所以对行内元素无效，因为行内元素不占一整行。
但如果不对行内元素设置，而对包含行内元素的父元素设置，因为行内元素和行内块元素可以看成文本，所以可以对这两种标签使用 text-align:center，让它们居中。比如 div 里面有两个 span，那么如果想让 span 居中，则可以设置 div{text-align:center}
*/
text-align: right;
/* 首行缩进：首行缩进 2 个字（一个 em 就是一个字大小） */
text-indent: 2em;
/*
文本修饰：
none：默认值，无装饰，可以用来取消删除线
underline：下划线
overline：上划线
line-through：穿过线，即删除线
blink：使文字闪烁
*/
text-decoration: underline;
/* 单词大小写：
uppercase：将单词变成大写
lowercase：将单词变成小写
capitalize：首字母大写
*/
text-transform: uppercase;
/* 设置字母与字母间隔 2px */
letter-spacing: 2px;
/* 设置单词与单词之间的间隔为 3px */
word-spacing: 3px;
/* 允许单词换行到下一行 */
word-wrap: break-word;
/* 设置文本从右到左书写 */
direction: rtl;
/* 在元素内禁用文字环绕，即文字超出元素，也不会换行，仍在一行显示完毕 */
white-space: nowrap;
/* 添加文本阴影(CSS3中功能)：
text-shadow：水平位置 垂直位置 模糊距离 阴影颜色
*/
text-shadow:0 2px 2px rgba(0,0,0,0.2);
}
</style>
</head>
<body>
<p>我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，我是段落，</p>
</body>
</html>
