所有css布局技術的根本都是3個基本概念：定位、浮動和外邊距操作。
8.1 計畫布局
要想建立可伸縮且容易維護的css系統，首先應該檢查設計，尋找重複的模式，這包括頁面結構中的模式或在站點中元素反覆出現的方式。
8.2 設定基本結構
使用margin:auto 讓設計居中
html
>
lang=
"en"
>
class=
>
class=
"header"
>
class=
"content"
>
class=
"footer"
>
8.3 基於浮動的布局
基於浮動的布局中，只需要設定希望定位的元素的寬度,然後將它們向左或向右浮動。
浮動元素不再佔據文件流中的任何空間，它們就不再對包圍它們的塊框產生任何影響。
為了解決這個問題，需要對布局中各個點上的浮動元素進行清理。非常常見的做法不是連續地浮動和清理元素，而是浮動幾乎所有東西，然後在整個文件的 戰略點（比如頁尾）上進行一次或二次清理。
8.3.1 兩列浮動布局
8.4 固定寬度、流式和彈性布局
8.4.1 流式布局
liquid fold
多欄布局有三種基本實現方案：固定寬度、流動、彈性
精通CSS筆記 第7章 布局
所有css布局技術依賴於三個基本概念 定位 浮動和空白邊margin操縱 主要內容 1.讓設計在頁面中水平居中 2.建立兩列和三列的基於浮動的布局 3.建立固定寬度 流體和彈性布局 4.將列拉長到整個可用的寬度 讓設計居中有兩個基本方法 乙個方法使用自動空白邊 margin auto 另乙個方法使用...
第8章 布局
css布局技術的根本即3個基本概念 定位，浮動，外邊距操縱。一 計畫布局 1 頁面大結構劃分 關注內容區域 尋找共同特徵而不是視覺表現，尋找重複模式 在內容中尋找不同布局 二 設計基本結構 hack 混雜模式中的ie5和ie6不支援margin auto 但是ie將text align center...
精通CSS 第1章
一 標記簡史 1 使用有意義的元素 2 id和類名 id是唯一的，而乙個類名可以應用於多個元素。在寫id和類名時需要注意區分大小寫，並使用統一的命名約定，比如完全小寫 連字元分割，例andy budd.3避免過多使用class和div 4微格式 因為html中缺少相應的元素，難以突顯人。時間，地點等...