表格

1.background-color :

background-color属性用来为元素设置背 景颜色。

需要指定一个颜色值，当指定了一个颜色 以后，整个元素的可见区域都会使用这个 颜色作为背景色。

如果不设置背景颜色，元素默认背景颜色 为透明，实际上会显示父元素的背景颜色

2.background-image:

background-image可以为元素指定背景 图片。

和background-color类似，这不过这里使 用的是一个图片作为背景。

如下图代码：

3.background-position:

background-position用来精确控制背景 图片在元素中的位置。

可以通过三种方式来确定图片在水平方向 和垂直方向的起点。

关键字：top right bottom left center

如下图：

背景图片默认是贴着元素的左上角显示

通过background-position可以调整背景图片在元素中的位置

第一个值是水平偏移量

第二个是垂直偏移量

scroll，默认值，背景图片随着窗口滚动

fixed，背景图片会固定在某一位置，不随页面滚动

4.CSS Sprite

通过这种方式我们可以将网页中的零星图 片集中放到一张大图上

这样一来，一次请求便可以同时加载多张 图片，大大提高了图片的加载效率。

如下段代码：

5.表格

在Web的历史中，HTML的表格发挥了极大的作用。最 初创建表格就是为了以表格的形式显示数据，后来表格 变成了一个极受欢迎的布局工具。

但是有了CSS以后，CSS在布局网页方面实际上会更出 色，所以现在我们使用表格的作用只有一个，就是用来 表示格式化的数据。

HTML中的表格可以很复杂，但是通常情况下我们不需 要创建过于复杂的表格。

使用table标签创建一个表格。

tr表示表格中的一行。

tr中可以编写一个或多个th或td。

th表示表头。

td表示表格中的一个单元格

 6.使用table标签创建一个表格。

tr表示表格中的一行。

tr中可以编写一个或多个th或td。

th表示表头。

td表示表格中的一个单元格。

7.合并单元格

合并单元格指将两个或两个以上的单元格 合并为一个单元格。

合并单元格可以通过在th或td中设置属性 来完成。

横向合并

colspan

纵向合并

rowspan

8.表格的样式

之前学习的很多属性都可以用来设置表格的样式，比如color可以用 来设置文本的颜色。padding可以设置内容和表格边框的距离。

text-align：设置文本的水平对齐。

vertical-align：设置文本的垂直对齐。

可选值：top、baseline、middle、bottom

border-spacing：边框间距

border-collapse：合并边框

collapse：合并边框

separate：不合并边框