table標(biāo)簽:表格 雙標(biāo)簽 表格級(display:table)
table有border width height 屬性
border-collapse:separate 默認(rèn)值 | collapse(常用);邊界合并
border-spacing:單元格邊界之間的距離
tbody:(display:table-row-group) 有默認(rèn)vertical-align:middle;
tr:定義行數(shù)(display:table-row) 有默認(rèn)vertical-align:inherit杖虾;
th:行頭 有默認(rèn) font-weight:bold;和 text-align:-internal-center烂瘫;
td:單元格 (display:table-cell) 有默認(rèn)vertical-align:inherit;
table表格的運(yùn)用:如何讓一個圖片上下左右居中
table布局和div+CSS布局的理解:
? ? ? ?由于html文件中的table標(biāo)簽的瀏覽速度較慢奇适,所以坟比,使用嵌套表格的方法來布局網(wǎng)頁框架會使網(wǎng)頁瀏覽的速度變慢。因為table是中的內(nèi)容是自適應(yīng)的嚷往,為了自適應(yīng)葛账,它要計算嵌套最深的節(jié)點(diǎn)以滿足自適應(yīng),所以有可能會有一斷時間出現(xiàn)空白才顯示皮仁。所以是會有問題的籍琳。
? ? ? 使用DIV的方法布局網(wǎng)頁框架的優(yōu)點(diǎn):div+css布局是通過模塊的布局理念可以通過css樣式給框架進(jìn)行功能強(qiáng)大的屬性設(shè)置以及給網(wǎng)頁的局部進(jìn)行任意的定位,制作出來的頁面瀏覽速度較快贷祈,同時頁面的風(fēng)格可以通過修改單獨(dú)的css文件進(jìn)行隨意的修改和更新趋急;缺點(diǎn):每個div容器都需要定義css樣式來控制,制作過程相比table方式要復(fù)雜∈铺埽現(xiàn)在的網(wǎng)頁越來越傾向于使用DIV的方法來布局網(wǎng)頁了呜达。