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中居中放置。)