表格

表格由 <table> 标签来定义。

每个表格均有若干行（由 <tr> 标签定义）

每行被分割为若干单元格（由 <td> 标签定义）

th表头

thead表格头

tbody表格主体

tfoot表格尾

表格的合并

colspan 属性规定单元格横跨的列数（横向合并

rowspan 属性规定单元格横跨的行数（纵向合并

表格的特性

1、单元格默认平分table 的宽度

2、th里面的内容默认加粗并且左右上下居中

3、td里面的内容默认上下居中 左对齐显示

4、table 决定了整个表格的宽度；

5、table里面的单元格宽度会被转换成百分比；

6、表格里面的每一列必须有宽度；

7、表格同一列/行会继承最大值；

8、th,td没有margin属性

表格的样式

width宽度 height 高度 border边框

border-spacing:X Y;

指定单元格边界之间水平和垂直间距

border-collapse:collapse

边框会合并为一个单一的边框会忽略 border-spacing的值

重置表格默认样式

table{border-collapse:collapse;} table th,table td{padding:0;}

display-table

table的标签类型：display:table;

支持margin:auto;

默认内容撑开宽度；

支持宽高

表格前后带有自动换行。

喜欢的的朋友可以关注我，咱每天都会分享网站前端的一些小知识，谢谢你们的阅读，有需要视频教程的关注我后私信问我要