设置文本样式

2018-09-15  本文已影响12人  酒深巷子Ya
基本文本样式

text-align: 文本对其方式。

1、start
2、end
3、left
4、right
5、center
6、justify

whitespace: 指定处理文本空白的方式。

1、normal 默认值,空白符被压缩,文本行自动换行。
2、nowrap 空白被压缩,文本不换行
3、pre 空白被保留,文本只有遇到换行时换行
4、pre-line 空白被压缩,文本只有一行排满或者遇到换行时换行
5、pre-wrap 空白被保留,文本只有一行排满或者遇到换行时换行

direction: 文本块的排列方向。ltr/rtl

指定单词、字母、行之间的间距

letter-spacing 设置字母之间的间距。
word-spacing 设置单词之间的间距
line-height 设置行高

word-wrap:控制断词。

normal 单词不断开,即使无法无法完全包含快元素
break-word 断词断开,使其放入包含快元素

text-indent:首行缩进。text-indent: 15%;

文本装饰与大小写转换

text-decoration: none/ underline/ overline/ line-through /blink

text-transform: none/ capitalize/ uppercase/ lowercase

text-show: 创建文本阴影。box/text-show: 0.1em 0.1em 1px blue;

1、h-shadow
2、v-shadow
3、blur
4、color

使用字体
font-size: 字体大小
font-family: 字体
font-style:字体样式 Normal/ italic/ oblique
font-weight:字体粗细 Normal/ bold/ bolder/ lighter

上一篇 下一篇

猜你喜欢

热点阅读