///html/css-html-表格-1~7
表單元素
什麼是表格：有行有列，網格形式表示資料，通過二維（行+列）資料表表示的資訊
網格通過在兩條軸線引用資訊來展示覆雜的資料
表格是一個單元格，單元格可以包含文字、圖片、列表、表格、表單
只有行，列=單元格
border：單元格和表格都會有，可以用CSS解決
單元格預設寬度由內容決定，表格的寬度=所有單元格之和
<tr><td></td></tr>
表頭
居中 字型加粗
方法1：第一個<tr>標籤--可以加個ID
方法2：<th>代替<td>
標題
<h1>不行，<h>都不行
<caption>, <table>裡
長表格
<thead> 頁首，表格的頂部
<tbody> 在<tr><body>之間，表格的主體
<tfoot> 頁尾
跨行 跨列（合併單元格）
合併單元格的第一個 <td rowspan="2"> 對應的行單元格需要刪除
<td colspan="2"> 對應的行單元格需要刪除
1.佈局2.標題3.處理空單元格4.邊框5.偽類
表格樣式佈局 table-layout，載入表格時的方式
auto自動 /fixed固定
auto：由單元格內容定，慢，多用這個
fixed：依據表格、列、單元格決定，快，只加載首行即可，需要不停新增的用這個
標題
caption-side：top（預設）/bottom
邊框
border：1px solid black; 寬度 實線 顏色 width style color
table/td 的CSS仍然一起，解決辦法：
border-collapse：separate;（預設分離）/collapse;（合併）
border-spacing：10px; 邊框之間的距離（collapse 分離時）
空單元格
table,td,th{
border: 1px solid black;
empty-cells:hide/show; /*collapse是分離時，空單元格有設定背景顏色時，也隱藏邊框和背景，是collapse就不會隱藏*/
}
8
9