从屌丝到架构师的飞越（CSS篇）-CSS表格

一、介绍

表格，又称为表，即是一种可视化交流模式，又是一种组织整理数据的手段。人们在通讯交流、科学研究以及数据分析活动当中广泛采用着形形色色的表格。各种表格常常会出现在印刷介质、手写记录、计算机软件、建筑装饰、交通标志等许许多多地方。随着上下文的不同，用来确切描述表格的惯例和术语也会有所变化。

CSS 表格属性可以帮助您极大地改善表格的外观。

二、知识点介绍

1、CSS表格边框合并

2、CSS表格距离

3、CSS表格标题位置

4、CSS表格空单元格显示

5、CSS表格布局

三、上课对应视频的说明文档

1、CSS表格边框合并

border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。

实例：

Firstname	Lastname
Bill	Gates
Steven	Jobs

注释：如果没有规定 !DOCTYPE，border-collapse 属性可能会引起意想不到的错误。

2、CSS表格距离

border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）

实例：

Adams	John
Bush	George

Carter	Thomas
Gates	Bill

注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 border-spacing 属性。

3、CSS表格标题位置

caption-side 属性设置表格标题的位置

实例：

This is a caption

Adams	John
Bush	George

注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 caption-side 属性。

4、CSS表格空单元格显示

empty-cells 属性设置是否显示表格中的空单元格（仅用于“分离边框”模式）

5、CSS表格布局

tableLayout 属性用来显示表格单元格、行、列的算法规则

实例：

1000000000000000000000000000

10000000

100

1000000000000000000000000000

10000000

100