【CSS表格table】

CSS表格table

表格（table）是什么？做什么用的？

表格主要用于向用户呈现数据，尽量不要用于布局。

表格（table）的基本元素

caption：元素定义表格标题；

thead：标签定义表格的表头；

tbody：标签表格主体（正文）；

tfoot：标签定义表格的页脚（脚注或表注）；

tr：表格的行；（tr：table row）

th：表头单元格；

td：单元格；

表格（table）的属性

（cell：单元格）

cellpadding：设置单元格边框与单元格里的内容之间的距离 ；

cellspacing：设置单元格间的距离。

表格（table）的属性

colspan：跨列；

rowspan：跨行；

border：表格边框；

border-collapse：合并边框。

表格（table）的嵌套

使用表格时注意合理嵌套，遵循标签的语义性，table下只能包含thead，tbody，tfoot，标题是在表格外面用caption标签；

thead包含tr，tr包含th；

tbody和tfoot包含tr，tr包含td；

表格里的内容要写在th或者td单元格里面，否则内容会跑到表格外面。