css文本及文本装饰

CSS文本

text-transform:字母大小写的转换

white-space:控制空格以及换行符到底如何处理

text-align:文本对齐方式(水平方向的)

word-spacing:设置单词间距

letter-spacing:字符间距

text-indent:文本缩进

vertical-align:文本垂直对齐方式

line-height:行高

 

text-transform:

  capitalize; 将每个单词的首字母转换成大写

  uppercase; 将每个单词转换成大写

  lowercase; 将每个单词转换成小写

 

white-space:

  normal; 默认处理方式

  pre; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界不换行。

  nowrap; 强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。

  pre-wrap; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。 

  pre-line; 保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

 

text-align:

  left; 内容左对齐

  right; 内容右对齐

  center; 除了可以让文本居中以外,还可以让任意行级元素居中,但是不能让块级元素居中。

 

word-spacing:属性查看

 

letter-spacing:属性查看

 

text-indent:属性查看

 

vertical-align:属性查看

 

line-height:

  1、让文本在容器内上下居中

  2、可以撑开容器

 

CSS文本装饰

基本上所有网页的超链接都不会保留默认的下划线,因为我们用到了text-decoration进行了css的文本装饰。

text-decoration:

可选值:none underline overline line-through blink

posted @ 2020-02-22 22:12  Crazier_Z  阅读(311)  评论(0编辑  收藏  举报