HTML5文本样式

目录

一、text-transform

二、text-decoration

三、letter-spacing

四、word-spacing

五、text-align

六、text-indent

七、white-space

八、text-overflow

九、text-shadow

十、vertical-align

---

一、text-transform

设置文本的大小写

可选值：1.none         默认值

               2.lowercase 文本以小写字母显示

               3.uppercase 文本以大写字母显示

               4.capitalize   首字母大写

二、text-decoration

设置文本的修饰

可选值：1.none           默认值

               2..overline     上划线

               3.underline    下划线

               4.line-through 删除线

三、letter-spacing

可以指定字符之间的间距

四、word-spacing

可以设置单词之间的距离

五、text-align

用于设置文本的对齐方式（只能设置块元素）

可选值：1.center  文本居中

               2.left       靠左，是默认值

               3.right     靠右显示

               4.justify   两端对齐

六、text-indent

设置首行缩进

可选值：是长度单位即可，常用值2em

七、white-space

设置网页如何处理空白

八、text-overflow

用于处理文本溢出包含元素时

备注：设置单行文本的省略号

（1）设置一个固定的宽度

（2）设置还不换行，white-space：nowrap;

（3）剪裁多余部分，overflow：hidden；

（4）设置溢出的内容以省略号的形式出现，text-overflow：ellipsis；

九、text-shadow

设置文本的阴影

参数：（1）阴影的水平位移距离。正值向右，负值向左

           （2）阴影的垂直位移距离。正值向下，负值向上

           （3）阴影的模糊半径

           （4）阴影的颜色，一般用RGBA表示，默认颜色随字体颜色变化

注意：位移距离的两个参数是必选参数

十、vertical-align

设置元素垂直对齐的方式，主要针对于图文对齐

可选值：1.baseline  垂直对齐（默认值），以英文X最底下为对齐标准

               2.bottom    底部对齐

               3.top          顶部对齐

               4.middle     居中对齐