css文本样式

1.文本颜色color

例如h1 {color:red;}

 

2.文本方向direction,不常用

默认ltr从左到右,rtl表示从右到左

 

3.文本水平对齐方式text-align

如果文本方向为ltr即从左到右则默认左对齐,如果文本方向为rtl即从右到左则默认右对齐

left、center、right、justify分别表示左对齐、居中、右对齐、两端对齐

 

4.文本垂直对齐方式vertical-align,不常用

默认为baseline,放在父元素的基线上

 

5.设置或删除文本的装饰text-decoration

默认为none标准文本,这对于链接来说会去掉下面的下划线

underline、overline、line-through、blink分别表示文本下的一条线、文本上的一条线、穿过文本的一条线、闪烁的文本

 

6.文本首行缩进text-indent

默认0不缩进,text-indent:50px表示缩进50px

 

7.单词间距word-spacing,仅对英文单词有效,不常用

默认为normal,word-spacing:30px表示单词之间的间距为30px

 

8.字符间距letter-spacing,不常用

默认为normal,letter-spacing:2px表示字符间距为2px,字符间距可取负值

 

9.行高line-height

默认为normal,可通过具体值或者n%表示

 

10.文本转换text-transform

uppercase、lowercase、capitalize分别表示将英文字母转换为大写、小写、单词首字母大写

 

11.元素内空白的处理方式white-space

默认为normal被浏览器忽略,

nowrap:不换行,在上一行继续进行,直到遇到<br>换行标签

pre:被浏览器保留,类似html中的<pre>标签

pre-nowrap:保留空白符序列,但是正常地进行换行

pre-line:合并空白符序列,但是保留换行符

 

12.文本阴影text-shadow

默认为none

如果有阴影则需指明水平和垂直方向,即h-shadow v-shadow

语法text-shadow:h-shadow v-shadow blur color

 

相关文章