層模型

行級元素垂直方向上的margin無效.

定位

屬性:position
分類:
    1.絕對定位 : absolute ;
                left : 100px ;
                top : 100px ;(預設值為auto)
    其中left相當於X軸(從左到右),top相當於Y軸(自上到下),在定位時以元素的左上角為原點.
    作用:1.脫離原來位置進行定位.其他元素可以與它重疊.每一個定位元素都佔單獨的一層,不互相影響.
    2.相對於最近的有定位的父級進行定位,如果沒有最近的有定位的父級,那麼九相對於文件進行定位.

    2.position : relative ;
    作用:1.保留原來出生位置進行層定位.
        2.相對於出生位置進行定位.
 

ps:塊級元素不設高度,(height的預設值位0),內容區由內容撐開,如果沒有內容,由高度就為0;不設定寬度便佔滿整屏.其中 width 預設值為auto(自適應).

opacity(透明度):取值在0到1之間.

3.固定定位 : position : fixed ;(IE6沒有fixed定位)
        作用:1.脫離原來位置進行定位.
            2.相對於可視區視窗進行定位.

用法:
1.設定參照物的話用relative更加合適.
2.設定定位用absolute最合適.