table              
    display: table;
caption   表格标题      
    display: table-caption;
thead    表头         
    display: table-header-group;
tbody    表格主体      
    display: table-row-group;
tfoot    表格底部            
    display: table-footer-group;

tr  行                   
    display: table-row;
td  单元格        
    display: table-cell;
th  单元格（加粗居中）    
    display: table-cell;
    
colspan 横向合并单元格
rowspan 纵向合并单元格
cellspadding   单元格填充
cellspacing    单元格间距

表格的每行每列肯定都是对齐的
给单元格设置高度，一横行的高度都会改变
给单元格设置宽度，一竖列的宽度都会改变

TIPS=>

thead, tbody, tr 没有 margin 和 padding
th, td 没有 margin

清除表格的默认样式：

table => border-collapse: collapse; ( 边框合并 )
         border-spacing: 0;
td, th=> padding: 0;