CSS 样式

1）背景

1.背景颜色

使用background-color性质来进行设定背景颜色，可以是颜色名字，可以是RGB，也可以是Hex。

如果希望背景颜色从元素中的文本向外有所延伸，那么就增加一个padding性质的设定，增加其内边距

它的默认色是透明transparent。

2.背景图片

使用background-image性质来进行设定背景图片，还得设定一个值，就是这个图片的路径

默认情况下是没有背景图片的，也就是该性质的值为 none

3.背景重复

使用background-repeat性质来进行设定是否要重复背景图片。

可以选择 repeat-x,repeat-y,repeat,或者no-repeat

4.背景定位

使用background-position性质来设定背景所处的位置

下面都是一些常用的取值，意思就是放在顶上的最左边，等等。当然，也可以给 x y，比如100px 200px，就是坐标轴的意思。左上角是0px 0px。还可以给出百分数，比如10％ 30％，左上角是0％ 0％，右下角是100％ 100％，要是只给了一个，那么另外一个就默认为50％，可以px和百分数混合用

• top left            top center             top right
• center left       center center        center right
• bottom left      bottom center       bottom right

5.背景关联

使用background-attachment性质来进行设定

默认情况下，页面动背景也动，这样就可能造成有时候文字太多，超过了图片的长度，那么跳到下面以后就没有背景图片了，如果不想这种情况发生的话，那么做法就是将此属性设置为fixed就行，这个根据情况而定，并不是鼓励这样做

2）文本

1.缩进文本  text-indent

之前我一直也想找，以前觉得html是不是只能按照英文的方式行首和下文对齐，不能空出一点位置。现在用这个就可以将段落的首行缩进

赋一个长度值给它就行，比如说5cm，也可以是负值，暂时还没有觉得给一个负值有什么用

2.水平对齐  text-align

一共有4个值可以选择，left，right，center，justify，前三个很好理解，就是放在父边框的最左边，右边，和中间，最后一个就是左右都对齐，暂时还不知道会出现什么样的问题

3.字间隔   word-spacing

赋给它一个长度值，比如5em，增加字之间的间距，如果是负值的话，就缩短字之间的间距

4.字母间隔   letter-spacing

这个跟上面的一样，只不过是字母之间的

5.字符转换    text-transform

也就是大小写的转换，uppercase(全部大写)，lowercase(全部小写)，capitalize(首字母大写)，默认情况下是none，也就是按照html文档中的原文大小写来确定

6.文本装饰    text-decoration

默认情况下是none，可以选择的值有 underline(下划线)，overline(上划线)，linethrough(穿过文本的线)，blink(让文本闪烁，我自己尝试了一下貌似不起作用)

7.处理空白符  white-space

这个问题是我一直想要解决的，就是怎么样能够由我自己的文本来控制什么时候该空格，什么时候该换行。

通常情况下默认的是浏览器忽略空格和换行，但是可以设定。

对我来说 pre就是最实用的，不管换行，但是空格是不被忽略的，这样就够了，要换行再加<br>，其它几个设定值可以查查看

3) 字体

1.字体系列