CSS屬性書寫順序建議

建議遵循以下順序

1. 布局定位屬性 : display / position / float / clear / visibility/ overflow
(display 關係到模式，建議第一個寫 )

2. 自身屬性 : width / height / margin / padding / border / background 

3. 文本屬性 : color / font / text-decoration / text-align / vertical-align / white - space / break-word

4. 其他屬性(CSS3) : content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient...

網頁布局

傳統網頁布局有標準布局、浮動布局、定位布局三種方式(盒子如何進行排列順序)

備註 : 實際使用中，一個頁面基本都包含了三種布局方式

1.標準布局

標準布局就是標籤按照規定好的默認方式排列

a. 塊級元素會獨佔一行，從上到下順序排列
    - 常用元素 : div, hr, p, h1-h6, ul, ol, dl, form, table

b. 行內元素會按照順序，從左到右順序排列，碰到父元素邊緣則自動換行
    - 常用元素 : span, a, i, em等

以上是標準布局方式，標準布局是最基本的布局方式

因浮動布局以及定位布局需要較長篇幅故浮動布局將在Day14、定位布局將在Day15分兩天說明