1、table布局：通過table元素將頁面空間劃分成若干個單元格，將文字或等元素放入單元格中，隱藏**的邊框，從而實現布局。這種布局方式也叫傳統布局，目前主要使用在edm(廣告郵件中的頁面)中，主流的布局方式不用這種。
2、html+css布局(div+css)：主要通過css樣式設定來布局文字或等元素，需要用到css盒子模型、盒子型別、css浮動、css定位、css背景圖定位等知識來布局，它比傳統布局要複雜，目前是主流的布局方式。
table來做整體頁面的布局，布局的技巧歸納為如下幾點：
1、按照設計圖的尺寸設定**的寬高以及單元格的寬高。
2、將**border、cellpadding、cellspacing全部設定為0，**的邊框和間距就不占有頁面空間，它只起到劃分空間的作用。
3、針對區域性複雜的布局，可以在單元格裡面再巢狀**，巢狀**劃分區域性的空間。
4、單元格中的元素或者巢狀的**用align和valign設定對齊方式
5、通過屬性或者css樣式設定單元格中元素的樣式
HTML 頁面布局
2.10頁面布局概述 頁面布局概述 1 table布局 通過table元素將頁面空間劃分成若干個單元格，將文字或等元素放入單元格中，隱藏 的邊框，從而實現布局。這種布局方式也叫傳統布局，目前主要使用在edm 廣告郵件中的頁面 中，主流的布局方式不用這種。2 html css布局 div css 主要...
html頁面布局
display 元素的顯示方式 black 塊元素 inline block 行內塊元素 內聯塊元素 none 無 隱藏 不單單是視覺上的，頁面布局中也徹底消失，不佔位置 塊元素 獨佔一行，可以設定寬高以及內外邊距。行元素 只佔內容大小的區域，不可以設定寬高和內外邊距。塊元素具備盒模型的屬性。行元素...
HTML 頁面布局
一 盒子模型 整體的寬 margin left right padding left right border content 整體的高 margin top bottom padding top bottom border content 二 頁面布局 1 標準流 按照原先格式排版塊兒元素等一些格...