續......
=============================================================================================
浮動的樣式和特性
    浮動：就是使元素脫離文檔流，按照一定的方式排列，遇到相鄰的浮動元素或者父級的邊界就停下來

    浮動的特性
        1.浮動的元素排在同一排
        2.浮動的元素內容撐開寬度
        3.浮動的元素支持所有css樣式
        4.浮動的元素脫離文檔流
        5.浮動的元素提升層級半級(屬性蓋住內容溢出，可做文字環繞div的效果) 

    註意：
    1.overflow溢出 會重新計算元素的空間
        ：hidden 溢出隱藏
        ：auto 溢出出現滾動條
        ：scroll 出現滾動條

    2.元素的居中
         margin:0 auto;

    3.元素的偽類
        偽類：就是css一些元素身上的特殊屬性
            ：hover 鼠標停留
            ：after 在元素內容之後插入一些內容

=============================================================================================
BFC的常見方法及優缺點
    BFC 就是清浮動 就是用來處理浮動元素脫離文檔流的問題
    
    1.父級也浮動
        弊端：左右的margin:0 auto會失效

    2.給父級加display:inline-block;
        弊端：左右的margin:0 auto;會失效(如果需要元素居中可以給父級加text-align:center)

    3.給父級加行高
        弊端：擴展性不好

    4.br標簽
        換行

    5.clear
        clear元素的摸一方向不允許出現其他的浮動元素 
        clear:both (推薦)

    6.偽類清浮動
        ：after{
            content:"";
            display:block；
            clear：both;
        }
=============================================================================================   
定位的特性
    定位：把一個元素按照一定的方式定到頁面的磨一位置
        position
            相對定位 relative
                針對自己本身的位置進行定位

            絕對定位 absolute
                針對有定位的父級的原點進行定位，如果父級沒有定位，會找父級的父級身上。
                以此類推，如果都沒有，就會針對document進行定位。

                註意:
                    絕對定位即使沒有初始值，也要設置值(如: left： 0px; top:0px;)
            
            固定定位    fixed
                針對頁面窗口進行定位

    偏移量： left top right bottom (有優先級left,top>right,bottom)

    相對定位 relative
        1.不影響元素本身的特性
        2.沒有脫離文檔流
        3.提升層級
        4.無法觸發BFC
        5.針對自己本身定位

    絕對定位 absolute
        1.脫離文檔流
        2.內容完全撐開高度和寬度
        3.支持所有css樣式
        4.提升層級
            z-index:數值; 定位層級設置
                設置數值越大，層級越高
        5.絕對定位要和相對定位配合使用
        6.自己有浮動，可以省略清浮動操作 
    
    固定定位 fixed
        1.不兼容ie6
        2.針對窗口進行定位
        3.如固定定位的子級也有浮動，可以省略清浮動的操作
總結
　　到此為止，html/css的基礎知識大概的過了一遍。還有一些細枝末節，就需要在實踐中慢慢學習。
    

HTML/CSS學習(二)