div+css內容需注意

1、 HTML結構
    一、注意分析、模仿成熟網站的規劃佈局
    二、網站標誌的處理：  
        (1)要用h1，要用a 
        (2)圖片以背景形式出現
           （3）要用文本，文本要用 text-indent:-99999em;
                (4) em 是相對父元素字號的倍數
    三、注重Chrome瀏覽中的工具的使用
                
2、 CSS樣式
      一、注重Chrome瀏覽中的工具的使用
      二、在chrome中 element style--->行內樣式（直接寫在標籤中）
      三、類樣式的名字必定要規範，語義化，不要過於隨意。 
      四、加樣式的順序 ： 從上到下， 對於嵌套的結構：從外到內。
      五、要使用規範的css reset.
      六、建議清除浮動的時候使用推薦的.clearfix樣式。
      七、:after、:before : 都是僞元素。會在指定元素的末尾添加新的內容。 老是和 content屬性配合使用。
      八、position: relative | absolute | fixed  在使用時的區別 
      

3、浮動的問題
     一、注意float 產生的疊加 和position:absolute疊加的區別
     二、兩個塊元素橫向排列的解決方案。
        （1）兩個塊都設置float,且記要清除浮動。
        （2）在HTML代碼中，顛倒內容的順序，設置第一個元素float:right. (不需清除浮動）
        （3）display:inline-block; (不用清除浮動，能夠設置多個li在ul中居中放置。)