3.hotwords 热点词模块

hotwords div盒子 里面写7个a，div 用定位来布局位置，a与a之间的距离用margin。

index.html

  <header class="header w">
    <!-- logo 模块 -->
    <div class="logo">
      <h1>
        <a href="index.html" title="品优购商城">品优购商城</a>
      </h1>
    </div>
    <!-- search 模块 -->
    <div class="search">
      <input type="text" placeholder="语言开发">
      <button>搜索</button>
    </div>
    <!-- hotwords 模块制作 -->
    <div class="hotwords">
      <a href="#">优惠购首发</a>
      <a href="#">亿元优惠</a>
      <a href="#">9.9元团购</a>
      <a href="#">美满99减30</a>
      <a href="#">办公用品</a>
      <a href="#">电脑</a>
      <a href="#">通信</a>
    </div>
  </header>
  <!-- 头部header end -->

common.css

/* hotwords 模块 */
.hotwords {
  position: absolute;
  top: 66px;
  left: 347px;
}

.hotwords a {
  margin: 0 10px;
  font-size: 12px;
}

/* 头部header制作 end */