页面整体分析

1.拿到页面先用模块化思想整体分析，把大的框架实现，

例如：

<header></header>
<section></section>
<footer></footer>

2.导航栏的模块结构

<div id="content1">
    <a>杜凯文</a>
    <ul>
        <li style="display:inline-block;line-height:50px;">
            <a>
                <span>
                    联系我：13585754887
                </span>
            </a>
        </li>
    </ul>
</div>

3.左图右字和左字右图

/*使用*/
float:left；
float:right;