项目

3_项目/css/index.css

@@ -35,4 +35,28 @@
     color:#888888 ;
     line-height: 35px;
 
+}
+.header{
+    height: 151px;
+    background: red;
+    width:1199px;
+    margin:0 auto;
+}
+.logo-img{
+    margin-top:44px;
+    float: left;
+    margin-right:123px;
+}
+.search-box{
+    width: 540px;
+    height:151px;
+    background: #0f0;
+    float: left;
+    margin-right:52px;
+}
+.cart-box{
+    float: left;
+    width:100px;
+    height:151px;
+    background: #00f;
 }

3_项目/index.html

@@ -35,6 +35,19 @@
         </div>
     </div>
 
+    <!-- 头部 header -->
+    <div class="header">
+        <!-- logo -->
+            <img class="logo-img" src="images/logo.png" alt="">
+        <!-- 搜索 -->
+            <div class="search-box">
+
+                
+            </div>
+        <!-- 购物车 -->
+            <div class="cart-box">购物车</div>
+    </div>
+