1.使用div元素布局
為div元素指定id屬性；
新建style屬性，在其中分別置頂div元素的樣式屬性width、height、background-color（寬、高、背景）示例如下：
body指定屬性margin：0px 可以使邊距為0；
靈活使用float:left 、clear：both 屬性可以實現水平布局
2.使用table元素布局
新建乙個並新建
指定和的 width、height、style中的background-color屬性
colspan屬性可以合併單元格
html5 伸縮布局
基本概念 1 主軸 flex容器的主軸主要用來配置flex專案，預設是水平方向 2 側軸 與主軸垂直的軸稱作側軸，預設是垂直方向的 3 方向 預設主軸從左向右，側軸預設從上到下 4 主軸和側軸並不是固定不變的，通過flex direction可以互換 display flex 給父盒子加flex屬性...
HTML5 HTML標籤的改變 嶄新的布局
1 新的文件型別宣告 dtd 文件型別宣告 html 5的dtd宣告為 等也是正確的，因為html語法是不區分大小寫的。在編寫html5文件時，要求指定文件型別，以確保瀏覽器能在html5的標準模式下進行渲染。2 新增的html5標籤 a，新增的html5標籤 結構標籤 新的結構標籤帶來的是網頁布局...
HTML5 布局篇 總結
1 像這樣的行內標記，定義它的margin top和margin bottom是無效的，除非你把它設定為塊狀元素才可以。display block 2 對於塊狀元素，你可以自由的使用外邊距來定義版式和元素之間的距離。類似 div 等等，3 無論什麼元素，一旦設定為是浮動顯示，就擁有了完整的盒模型結構...