CSS -- 02背景&文本

CSS背景(background):允许应用纯色来做背景，也允许使用背景图像创建相当复杂的效果。

*背景颜色(background-color):设置背景颜色。

　　如果您希望背景色从元素中的文本向外少有延伸，只需增加一些内边距：p{background-color:gray; padding:20px;}

*背景图像(background-image):设置背景图像。 body{background-image:url(http://ih0.redbubble.net/image.94114234.6886/pp,550x550.u2.jpg)}

*背景重复(background-repeat):图像水平以及垂直方向上都平铺；repeat-x，repeat-y和no-repeat分别是水平，垂直以及不允许图像在任何方向上平铺。

*背景定位(background-position):

<style>
    body{
        background-img:url('google logo');
        background-repeat:no-repeat;
        background-position:center;   //这边还可以是left top左上角还可以使用%
    }
</style>

*背景关联(background-attachment)

　　*scroll(default):如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。

　　*fixed:防止滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响。

====

CSS文本可以定义文本的外观。(颜色，字符间距，对齐文本，装饰文本，对文本进行缩进等等)

*缩进文本(text-indent):通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。

p {text-indent: 5em;} //or p{text-indent: -5em;}

*水平对齐(text-align):值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

*字间隔(word-spacing):可以改变字（单词）之间的标准间隔。。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近

*字母间隔(letter-spacing):与 word-spacing 的区别在于，字母间隔修改的是字符或字母之间的间隔。

*字符转换(text-transform):处理文本在大小写。(none; uppercase; lowercase; capitalize)

*文本装饰(text-decoration): (none; underline;overline顶端画一个上划线;line-through文本中间画一个贯穿线;blink文本闪烁)

holder

*处理空白符(white-space):normal:丢掉多余的空白符。

*文本方向(direction)：ltr和rtl; ltr(default)left to right.