table標簽：表格 雙標簽 表格級（display：table）

table有border width height 屬性

border-collapse：separate 默認值 | collapse(常用)；邊界合并

border-spacing：單元格邊界之間的距離

tbody：（display：table-row-group） 有默認vertical-align：middle;

tr：定義行數（display：table-row） 有默認vertical-align：inherit；

th：行頭 有默認 font-weight：bold;和 text-align：-internal-center；

td：單元格 （display：table-cell） 有默認vertical-align：inherit；

table表格的運用：如何讓一個圖片上下左右居中

方法一

方法二

table布局和div+CSS布局的理解：

? ? ? ?由于html文件中的table標簽的瀏覽速度較慢，所以，使用嵌套表格的方法來布局網頁框架會使網頁瀏覽的速度變慢。因為table是中的內容是自適應的，為了自適應，它要計算嵌套最深的節點以滿足自適應，所以有可能會有一斷時間出現空白才顯示。所以是會有問題的。

? ? ? 使用DIV的方法布局網頁框架的優點：div+css布局是通過模塊的布局理念可以通過css樣式給框架進行功能強大的屬性設置以及給網頁的局部進行任意的定位，制作出來的頁面瀏覽速度較快，同時頁面的風格可以通過修改單獨的css文件進行隨意的修改和更新；缺點：每個div容器都需要定義css樣式來控制，制作過程相比table方式要復雜。現在的網頁越來越傾向于使用DIV的方法來布局網頁了。