首页 > 代码库 > 前端学习 -- Css -- 文本样式

前端学习 -- Css -- 文本样式

text-transform可以用来设置文本的大小写

   可选值:

  1.    none 默认值,该怎么显示就怎么显示,不做任何处理
  2.    capitalize 单词的首字母大写,通过空格来识别单词
  3.    uppercase 所有的字母都大写   lowercase 所有的字母都小写

text-decoration可以用来设置文本的修饰

可选值:

  1. none:默认值,不添加任何修饰,正常显示
  2. underline 为文本添加下划线
  3. overline 为文本添加上划线
  4. line-through 为文本添加删除线

超链接会默认添加下划线,也就是超链接的text-decoration的默认值是underline,如果需要去除超链接的下划线则需要将该样式设置为none。

letter-spacing可以指定字符间距
word-spacing可以设置单词之间的距离,实际上就是设置词与词之间空格的大小

text-align用于设置文本的对齐方式

可选值:

  1. left 默认值,文本靠左对齐
  2. right , 文本靠右对齐
  3. center , 文本居中对齐
  4. justify , 两端对齐

- 通过调整文本之间的空格的大小,来达到一个两端对齐的目的

text-indent用来设置首行缩进

当给它指定一个正值时,会自动向右侧缩进指定的像素如果为它指定一个负值,则会向左移动指定的像素,通过这种方式可以将一些不想显示的文字隐藏起来,这个值一般都会使用em作为单位。

 

前端学习 -- Css -- 文本样式