CSS3佈局相關

元素

常見塊級元素

div p ul li dl dt

常見行級元素

span img input strong
塊級元素和行級元素都是盒子模型

如果元素使用了float，那麼margin:0 auto;就沒有作用了
清楚浮動的兩個方法

1. clear:both|left|right;
2. 設置寬度100%+overflow:hidden

當一個元素設置position:absolute而又沒有指定寬度時，這個元素的寬度由內容決定。
關於absolute
如果設置了absolute，那麼這個元素將完全脫離正常文檔流，不會佔據文檔流空間。如果指定了偏移量。那麼偏移的參照系分兩種情況。

1. 如果祖先元素沒有設置定位（絕對定位、相對定位、固定定位），那麼參照系爲整個html
2. 如果有，那麼以最近的定位元素作爲參照系。
   如果沒有偏移量，那麼這個元素將保持在原來的位置（不管有沒有已經定位的祖先元素都是），但是會脫離正常文檔流，而且元素的寬度將隨着內容的變化而變化。

column佈局

語法：columns：<column-width>, <column-count>
column-width單位用px。
也可以單獨設置column-width和column-count。注意這時沒有s。

column-width:auto|length//如果設置爲auto，lenght由column-count決定

column-gap設置多列布局的列邊距

column-gap:normal|length//normal爲默認1em，也可自己設置，單位爲px或者em

列邊框樣式column-rule

column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>

屬性值	屬性說明
column-rule-width	類似於border-width屬性，主要用來定義列邊框的寬度，其默認值爲“medium”，column-rule-width屬性接受任意浮點數，但不接收負值。但也像border-width屬性一樣，可以使用關鍵詞：medium、thick和thin。
column-rule-style	類似於border-style屬性，主要用來定義列邊框樣式，其默認值爲“none”。column-rule-style屬性值與border-style屬值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。
column-rule-color	類似於border-color屬性，主要用來定義列邊框顏色，其默認值爲前景色color的值，使用時相當於border-color。column-rule-color接受所有的顏色。如果不希望顯示顏色，也可以將其設置爲transparent(透明色)

column-span跨列設置

即一個元素跨列多列。語法：

column-span:none|all//設置爲all的時候跨列所有列

盒子模型，詳情參考這篇博文CSS3盒模型