css 背景设置和文本外观属性

css的背景表示：

1：background-color：背景颜色词、rgb表示法、十六进制表示法

2：background-image：背景图片 背景不做设置是会被平铺满的。

div {

width: 500px;

height: 500px;

background-image: url(images/wuyifan.jpg);

}

3：background-repeat：设置背景图是否重复的，重复方式的。

a：background-repeat:no-repeat; 不重复

b：background-repeat:repeat-x; 横向重复

c：background-repeat:repeat-y; 纵向重复

小技巧：可以利用1像素或者周期性图片的图片来做网页的平铺背景

css的长度单位：

— px：像素点，像素就是显示器显示的一个点

— em：1em=16px

TIPs：分辨率更高的电脑，那么是几个点来表示一个像素，色彩显示就更加的精细，效果更好，普通电脑上的分辨率是一个点对应一个像素

一般文字大小是12 和 14 px

文本外观属性：

1：color 文本颜色

2：letter-spacing：字间距，字符与字符之间的空白

3：word-sapce：单词间距，定义英文单词之间的间距，对中文字符无效

4：line-hight：行高，文本顶部+文本顶部+一倍行距 -----使用最多，因为可以让单行文本垂直居中

为了严格保证字在行里面居中。约定： 行高、字号，一般都是偶数。这样，它们的差，就是偶数，就能够被2整除。

5：text-decoration：用来设置文本的下划线

none：没有装饰（可以去掉a标签的下划线）

underline：下划线 overline：上划线

line-through：删除线

6：text-align ：设置文本内容的水平对齐，相当于html中的align对齐属性

7： text-indent：首行缩进，用于设置段落首行文本的缩进，只能设置于块级标签,可以是负值，实际应用放在网站的图标文字缩进

TIPs:实现单行文本垂直居中：行高（line-hight）等于div盒子的高度。