CSS之文本样式

1、文本首行缩进

语法：text-indent=2em;        

em通常指当前字体的大小。也可以使用px来作为单位，一般浏览器默认的字体大小为16px。

2、设置字与字之间的间距

语法：letter-spacing=10px

表示在汉字中，是字与每个字之间的间距，在英文中就是每个字母与每个字母之间的间距。

语法：word-spacing=20px

一般用于英文中表示每个单词之间间距。

3、文本之间的对齐方式

语法：text-align=center/right/left/justify

对其方式一般有四种，center一般表示居中对齐，right一般表示右对齐，left表示左对齐，justify表示两边对齐。

4、文本修饰：是否具有上中下划线

语法：text-decoration=underline/overline/none/line-through

underline表示下划线，overline表示上划线，none表示没有修饰，line-through表示删除线。

5、设置溢出内容的显示

溢出内容的显示：

                语法：overflow=hidden(溢出内容隐藏)/auto(按需求生成滚动条)/scrool(生成滚动条)

注：overflow-x 可以设置水平方向的溢出。overflow 设置垂直方向的溢出。

文本溢出内容的显示：

                语法：text-overflow=ellipsis(溢出的内容按省略号显示)/clip(剪切)

6、文字阴影的设置

语法：text-shadow=x y blur color

x表示水平方向的偏移量，y表示垂直方向的偏移量，blur表示阴影的模糊程度，color表示文字阴影的颜色。

7、文本行高

语法：line-height=2px

当文本的行高等于其元素的高度的，会显示文本垂直方向的居中。

8、文字与图片的对齐方式

语法：vertical-align=bottom(底部对齐)/top(顶部对齐)/baseline(基线对齐)

9、文字样式的缩写

font:文字简写的时候一定要记得写文字字体、字体大小，并且这两个属性只在后面，除了字体颜色。可以在字体大小后面用/来添加行高。