文本效果与文字
text-indent: 首行缩进text-align: center left right justify文本对齐方式
word-spacing: 改变单词之间的 this is 间距，单位pxletter-spacing: 改变字间距 t h i s i s ，单位pxtext-transform: uppercase，大写。lowercase小写，capitalize,对于单词的首字母大写。text-decoration: underline下划线 overline上划线，line-through,中间线white-space:
normal 正常采用浏览器的方式
nowarp不换行，
pre-warp保留空白并换行。
pre保留空白。direction: 文本的方向，ltr从左到右，rtl,从右到左。
unicode-bidi: embed，bidi-override,
在行内元素需要设置这两个属性。才可以设置文本的方向text-shadow: 文本的阴影
text-shadow: 水平位置偏移 垂直位置偏移 模糊值 颜色值，单位px
当需要设置四边都有阴影的时候，水平与垂直的偏移都设置位0。font-size: 单位px em rem 等,设置文字大小color: 设置文字颜色font-famiry:
Serif 字体，
Sans-serif 字体，
Monospace 字体(模拟打印机)
Cursive 字体(更加偏向手写)，
Fantasy 字体。
也可以导入自定义字体，后面接自定义字体的名称。css3新的属性
word-warp: break-word;
允许对不可以分割的单词，切换到下一行显示text-overflow: 当文本溢出的时候.
clip： 裁剪
elipsis：出现省略号
string: 用给顶的字符代替word-break: 中日韩文换行规定
一般都不设置，默认采用浏览器自带的设置(normal)word-warp: 长单词切换到下一行
一般都不设置，默认采用浏览器自带的设置(normal)常用的功能，文本超过内容区域出现省略号
1、单行的省略号
text-overflow: ellipsis;
white-space: nowarp;
overflow: hidden;
2、多行省略号
多行省略号需要给容器设置好固定的高宽，否则效果会失败的。高度不应该过高，同时要设置，
box-orient: 属性规定框的子元素应该被水平或垂直排列。
display为：-webkit-box;-webkit-line-clamp: 3，设置数字多少，就是多少行
<style>
body {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
div {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
width: 400px;
height: 100px;
font-size: 26px;
border: 1px solid;
}
</style>
<body>
<div>
kkw呀，kkw啦,kkw呀，kkw啦kkw呀，kkw啦kkw呀，kkw啦kkw呀，kkw啦kkw呀，kkw啦kkw呀，kkw啦kkw呀，kkw啦kkw呀，kkw啦
</div>
</body>目前浏览器不支持text-warp
text-warp: 文本换行
normal; 在换行点换行
none; 不换行
unrestricted; 在任意两个字符之间换行
suppress; 压缩元素中的换行
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。