1，多列布局--columns：
column-width：列寬，如200px
column-count：列數，如5
column-gap：列之間的間距，如50px
column-rule：列之間的邊框寬度，邊框樣式，邊框顏色，如3px solid green，如下表
column-span：標題可以跨多列，設爲all，默認值爲none
屬性值 屬性值說明 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(透明色)
2，盒子模型--box-sizing:content-box（W3C盒子模型） | border-box（IE6以下模型） | inherit（跟隨父元素模型）
W3C盒子模型：
外盒尺寸計算（元素空間尺寸） element空間高度＝內容高度＋內距＋邊框＋外距 element空間寬度＝內容寬度＋內距＋邊框＋外距 內盒尺寸計算（元素大小） element高度＝內容高度＋內距＋邊框（height爲內容高度） element寬度＝內容寬度＋內距＋邊框（width爲內容寬度）
IE傳統下盒模型（IE6以下，不包含IE6版本或”QuirksMode下IE5.5+”）
外盒尺寸計算（元素空間尺寸） element空間高度＝內容高度＋外距（height包含了元素內容寬度、邊框、內距） element寬間寬度＝內容寬度＋外距（width包含了元素內容寬度、邊框、內距） 內盒尺寸計算（元素大小） element高度＝內容高度（height包含了元素內容寬度、邊框、內距） element寬度＝內容寬度（width包含了元素內容寬度、邊框、內距）
3，伸縮佈局--Flexbox：
#test{ display: -webkit-flex; display: flex; /*創建flex容器，其子元素爲伸縮佈局*/ -webkit-flex-direction: column; flex-direction: column; /*改爲列顯示（垂直排），默認爲行顯示（row水平排）*/ -webkit-align-items: flex-start; align-items: flex-start;/*將元素移動到頂部（視佈局而定，此處是列），行顯示的話是justify-content設置爲flex-start*/ }
align-items | justify-content：左上（flex-start），右上（flex-end），水平垂直居中（center），
