CSS学习第三天 文本

设置文本颜色

选择器  {color:red} or 选择器 {color:#00ff00} or 选择器  {color:rgb(0,0,255) }

例：

body {color:red}

缩进文本

选择器 {text-indent: 1cm}  （cm     文字高度 em      像素 px     百分币%）

p {text-indent: 1cm}

对齐文本

选择器 {text-align: center}   （left  right）

修饰文本

选择器 {text-decoration: overline}   （line-through    underline    blink-闪烁效果 大部分浏览器不支持 ）

underline 会对元素加下划线，就像 HTML 中的 U 元素一样。overline 的作用恰好相反，会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯穿线

字间隔

选择器  {word-spacing: 30px;}    （cm     文字高度 em      像素 px   ）

字母间隔

选择器  {letter-spacing: 30px;}    （cm     文字高度 em      像素 px   ）

字符转换

 选择器 {text-transform: uppercase}    （uppercase   lowercase capitalize ）

uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后，capitalize 只对每个单词的首字母大写。

处理空白符

 选择器 {white-space: normal}   

normal ：丢掉多余的空白符。如果给定这个值，换行字符（回车）会转换为空格，一行中多个空格的序列也会转换为一个空格。

 pre：浏览器将会注意额外的空格，甚至回车。在这个方面，而且仅在这个方面，任何元素都可以相当于一个 pre 元素。

nowrap，它会防止元素中的文本换行，除非使用了一个 br 元素。在 CSS 中使用 nowrap 非常类似于 HTML 4 中用 <td nowrap> 将一个表单元格设置为不能换行，不过 white-space 值可以应用到任何元素。

如果元素的 white-space 设置为 pre-wrap，那么该元素中的文本会保留空白符序列，但是文本行会正常地换行。如果设置为这个值，源文本中的行分隔符以及生成的行分隔符也会保留。pre-line 与 pre-wrap 相反，会像正常文本中一样合并空白符序列，但保留换行符。