QQ邮箱登录PC布局实战笔记二

本文目标:

尽量100%还原QQ邮箱登录界面头部区域，掌握div之间的位置关系，掌握常见的定位技术和浮动技术。将头部所需要的HTML标签进行仔细学习。

开始准备：

• 浏览器：Firefox/Chrome（笔者主要采用Firefox，插件很丰富。Chrome应该也有很多插件）
• 插件：
  1. ColorZilla（用于取色）
  2. Measure-it（用于测量）
  3.Font Finder（用于判断字体类型）
  4.网页截图(截图)
  

代码开始：

• HTML头部区域代码结构:

<!-- 网站确定头部信息 -->
   <div class="header">
       <!-- 设定logo区域 -->
       <div class="head_logo">
           <img src="imgs/logo1.png" alt="qqmail_logo找不到了">
       </div>
       <!-- 设定链接区域 -->
       <div class="head_links">
           <ul>
               <li><a href="#">基本版</a>|</li>
               <li><a href="#">English