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