CSS属性之文本样式

CSS属性之文本样式

1、字母转化： text-transform: uppercase; 将小写字母转化为大写字母
text-transform: none; 变回原样
text-transform: lowercase; 将大写字母转化为小写字母
text-transform: capitalize; 将英文的首字母大写
font-variant:small-caps; 小型大写字母 （字母是大写，但字号会变小）

2、 添加阴影： text-shadow: 5px 5px 30px black;
四个属性分别为： 水平偏移 垂直偏移 阴影模糊度 阴影颜色

3、对齐方式：text-align: left; 左对齐
text-align: right; 右对齐
text-align: center; 居中对齐
text-align: justify；内容两端对齐

4、文字中空格和换行： white-space: nowrap; 空白符被压缩文本不换行
white-space: normal; 默认值，空白被压缩，文本自动换行
white-space: pre;空白符被保留，遇到换行符则换行
white-space: pre-line; 空白符被压缩，文本在排满或与换行符换行
white-space: pre-wrap; 空白符被保留，文本在排满或与换行符换行

5、行高的设置： line-height: normal; （恢复默认）
line-height: 150px;
line-height: 5;
line-height: 200%;

6、文本间距：letter-spacing: normal; 设置文本默认间距
letter-spacing: 5px; 文本间距值
word-spacing: normal; 设置单词（有空格的地方（文字和单词间有空格也可））间默认间距
word-spacing: 8px; 单词间距值

7、文本样式：text-decoration: underline; 加下划线
text-decoration: overline; 加上划线
text-decoration: line-through; 加一条删除线
text-decoration: blink; 让文本开始闪烁，但基本不支持了
font-style: italic;文字倾斜

8、文字加粗： font-weight: 500; 数字在600之前无变化 600-900之间则加粗
font-weight: lighter; 文字变细
font-weight：bold；文字加粗bold

9、字体大小设置： font-size: 50px;
font-size: xx-small;
font-size: x-small;
font-size: x-large;
font-size: xx-large;