Day 13 CSS <属性书写顺序 & 网页布局-标准布局>

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分两天说明