DIV+CSS布局

1. div和span

   • div和span在整個(gè)HTML標(biāo)記中，沒(méi)有任何意義，它們的存在就是為了應(yīng)用CSS樣式。
   • div和span的區(qū)別在于，span是內(nèi)聯(lián)元素，div是塊級(jí)元素。
     

2. 盒模型

   • margin (外邊距)
   • padding (內(nèi)邊距)
   • border (邊框?qū)挾?
   • width (寬度，塊元素)
   • height (高度，塊元素)

3. 布局相關(guān)的屬性

   • position (定位方式)

     1. relative (正常定位)
     2. absolute (根據(jù)父元素定位)
     3. fixed (根據(jù)瀏覽器窗口定位, 廣告啥的)
     4. static (沒(méi)有定位)
     5. inherit

   • 定位

     top、left、bottom、right離頁(yè)面頂點(diǎn)的距離。

   • z-index (層優(yōu)先級(jí))

     數(shù)字大的在上層。

   • display (顯示屬性)

     1. none (層不顯示)
     2. block (塊狀顯示，在元素后面換行，顯示下一元素，e.g.div)
     3. inline (內(nèi)聯(lián)顯示，多個(gè)塊顯示在一行，e.g.span)

   • float (浮動(dòng)屬性)

     1. left
     2. right

   • clear (清除浮動(dòng))

     clear: both

   • overflow (溢出處理)

     1. hidden 隱藏超出部分
     2. scroll 無(wú)論是否超出均加滾動(dòng)條
     3. auto 超出時(shí)添加滾動(dòng)條