一. table表格的基本特性
table 標籤基本特性是:display:table;
1、不要給table、th、td 以外的表格標籤加樣式;
2、單元格預設平分table 的寬度;
3、th裡面的內容預設加粗並且左右上下置中顯示;
4、td裡面的內容預設上下置中左右居左顯示;
5、table 決定了整個表格的寬度;
6、table裡面的單元格寬度會被轉換成百分比;
7、 表格裡面的每一列必須有寬度;
8、表格同一豎列繼承最大寬度;
9、表格同行繼承最大高度;
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title><style>th,td{padding:0;}table{border-collapse:collapse;}/* table css reset */th,td{border:1px solid black; height:50px; width:100px;}table{width:500px;}</style></head><body><table><!-- 表格 --><tbody> <tr><!-- 行 --> <th>表格標題</th> <th>表格標題</th> <th>表格標題</th> <th>表格標題</th> <th>表格標題</th> </tr> <tr> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr> </tbody></table></body></html>
二. 表單樣式重設
<style>form{margin:0;}input{margin:0;padding:0;}select{margin:0;}textarea{margin:0; padding:0;resize:none; overflow:auto; outline:none;}</style>