今 天是這個**的最後一部分，內容關於網頁的布局。
然後，我對這個範例做一點解釋。
從布局上看，世界上所有的網頁，大多由三個部分構成：
* header（頭部）一般來說，header總是在網頁的上方，footer總是在網頁的下方，content是中間的一大塊。在 content中又可以分成很多欄，從一欄式到三欄式都很常見。* footer（尾部）
* content（內容區）
我們的目的是通過css檔案，實現欄位和布局的自動調整。網上有很多現成的布局模板，我採用的是tripoli 專案中的布局模板 ，然後做了一些修改。
它要求的網頁**結構是這樣的：
在body標籤下面，直接是乙個「container」，所有網頁的內容都屬於這個容器。然後，container又分成五個部分，分別 是：header、primary、secondary、tertiary和footer。primary 是主內容區，secondary是次內容區，tertiary是第三內容區。也就是說，這個模板最多隻支援三欄式布局。
另外，請注意，在body標籤的後面，class屬性是需要你自己設定的。tripoli預設提供9種布局，用l1-l9來表示。
* l1：2欄式 66% - 33%你選擇一種，將它填入class屬性就可以，比如class="l2"。* l2：2欄式 33% - 66%
* l3：2欄式 50% - 50%
* l4：3欄式 33% - 33% - 33%
* l5：3欄式 16% - 66% - 16%
* l6：3欄式 25% - 50% - 25%
* l7: 3欄式 66% - 16% - 16%
* l8: 3欄式 50% - 25% - 25%
* l9：3欄式 25% - 25% - 50%
class屬性值中還可以設定乙個equal類，這將使得各個欄位的垂直長度保持相等，比如class="l2 equal"。
其他設定就沒有了，是不是很簡單？
歡迎使用。
初學HTML5 CSS樣式（三）
html的標籤型別主要分為三大類 1.塊級標籤 特點 獨佔一行，能隨時設定寬度和高度 示例 div標籤 段落標籤 2.行內標籤 特點 多個行內標籤能同時顯示在一行，不能直接設定寬度和高度，寬度和高度取決於內容的尺寸 示例 我是行內標籤 我是超連結 3 行內 塊級標籤 內聯 塊級標籤 特點 多個行內 ...
通用css樣式模板，
通用樣式01 charset utf 8 全域性定義 將具有預設margin和padding的標記置零，所有標記的margin padding都在使用時具體定義 修正ie5.x和ie6的斜體溢位bug html body html iframe,html frame html frameset 常用...
通用css樣式模板
通用樣式1 charset utf 8 全域性定義 將具有預設margin和padding的標記置零，所有標記的margin padding都在使用時具體定義 修正ie5.x和ie6的斜體溢位bug html body html iframe,html frame html frameset 常用標...