Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
lovecoding
/
VIP32
10
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

fix:day7

e 1 жил өмнө
parent
e2dd5d024d
commit
51f917a4c4
40 өөрчлөгдсөн 294 нэмэгдсэн , 0 устгасан
Өөрчлөлтийг ялгаж харах Өөрчлөлтийн статистик харах
  1. 0 0
      html+css/day1/1.文档流.html
  2. 0 0
      html+css/day1/2.标签.html
  3. 0 0
      html+css/day1/笔记.md
  4. 0 0
      html+css/day2/1.表单标签.html
  5. 0 0
      html+css/day2/2.表格.html
  6. 0 0
      html+css/day2/demo1.html
  7. 0 0
      html+css/day2/demo2.html
  8. 0 0
      html+css/day2/demo3.html
  9. 0 0
      html+css/day2/demo4.html
  10. 0 0
      html+css/day3/html/1.标签.html
  11. 0 0
      html+css/day3/html/2.样式的引入.html
  12. 0 0
      html+css/day3/html/3.常用样式.html
  13. 0 0
      html+css/day3/html/4.常用的文字样式.html
  14. 0 0
      html+css/day3/html/5.垂直导航.html
  15. 0 0
      html+css/day3/html/6.边框.html
  16. 0 0
      html+css/day3/html/demo.html
  17. 0 0
      html+css/day3/images/1.jpg
  18. 0 0
      html+css/day3/index.css
  19. 0 0
      html+css/day4/1.选择器.html
  20. 0 0
      html+css/day4/2.选择器的优先级.html
  21. 0 0
      html+css/day4/3.盒模型.html
  22. 0 0
      html+css/day4/4.padding和margin.html
  23. 0 0
      html+css/day4/5.css补充样式.html
  24. 0 0
      html+css/day4/6.浮动.html
  25. 0 0
      html+css/day4/7.清浮动.html
  26. 0 0
      html+css/day5/demo.css
  27. 0 0
      html+css/day5/demo.html
  28. 0 0
      html+css/day5/images/1.png
  29. 0 0
      html+css/day5/images/2.png
  30. 0 0
      html+css/day5/images/3.png
  31. 0 0
      html+css/day5/images/4.png
  32. 0 0
      html+css/day5/images/5.png
  33. 0 0
      html+css/day5/images/banner.png
  34. 0 0
      html+css/day5/images/star.png
  35. 0 0
      html+css/day6/定位.html
  36. BIN
      html+css/day7/images/banner.png
  37. BIN
      html+css/day7/images/hot.png
  38. BIN
      html+css/day7/images/logo2.png
  39. 223 0
      html+css/day7/index.css
  40. 71 0
      html+css/day7/index.html

+ 0 - 0
html/day1/1.文档流.html → html+css/day1/1.文档流.html
Файл харах


+ 0 - 0
html/day1/2.标签.html → html+css/day1/2.标签.html
Файл харах


+ 0 - 0
html/day1/笔记.md → html+css/day1/笔记.md
Файл харах


+ 0 - 0
html/day2/1.表单标签.html → html+css/day2/1.表单标签.html
Файл харах


+ 0 - 0
html/day2/2.表格.html → html+css/day2/2.表格.html
Файл харах


+ 0 - 0
html/day2/demo1.html → html+css/day2/demo1.html
Файл харах


+ 0 - 0
html/day2/demo2.html → html+css/day2/demo2.html
Файл харах


+ 0 - 0
html/day2/demo3.html → html+css/day2/demo3.html
Файл харах


+ 0 - 0
html/day2/demo4.html → html+css/day2/demo4.html
Файл харах


+ 0 - 0
html/day3/html/1.标签.html → html+css/day3/html/1.标签.html
Файл харах


+ 0 - 0
html/day3/html/2.样式的引入.html → html+css/day3/html/2.样式的引入.html
Файл харах


+ 0 - 0
html/day3/html/3.常用样式.html → html+css/day3/html/3.常用样式.html
Файл харах


+ 0 - 0
html/day3/html/4.常用的文字样式.html → html+css/day3/html/4.常用的文字样式.html
Файл харах


+ 0 - 0
html/day3/html/5.垂直导航.html → html+css/day3/html/5.垂直导航.html
Файл харах


+ 0 - 0
html/day3/html/6.边框.html → html+css/day3/html/6.边框.html
Файл харах


+ 0 - 0
html/day3/html/demo.html → html+css/day3/html/demo.html
Файл харах


+ 0 - 0
html/day3/images/1.jpg → html+css/day3/images/1.jpg
Файл харах


+ 0 - 0
html/day3/index.css → html+css/day3/index.css
Файл харах


+ 0 - 0
html/day4/1.选择器.html → html+css/day4/1.选择器.html
Файл харах


+ 0 - 0
html/day4/2.选择器的优先级.html → html+css/day4/2.选择器的优先级.html
Файл харах


+ 0 - 0
html/day4/3.盒模型.html → html+css/day4/3.盒模型.html
Файл харах


+ 0 - 0
html/day4/4.padding和margin.html → html+css/day4/4.padding和margin.html
Файл харах


+ 0 - 0
html/day4/5.css补充样式.html → html+css/day4/5.css补充样式.html
Файл харах


+ 0 - 0
html/day4/6.浮动.html → html+css/day4/6.浮动.html
Файл харах


+ 0 - 0
html/day4/7.清浮动.html → html+css/day4/7.清浮动.html
Файл харах


+ 0 - 0
html/day5/demo.css → html+css/day5/demo.css
Файл харах


+ 0 - 0
html/day5/demo.html → html+css/day5/demo.html
Файл харах


+ 0 - 0
html/day5/images/1.png → html+css/day5/images/1.png
Файл харах


+ 0 - 0
html/day5/images/2.png → html+css/day5/images/2.png
Файл харах


+ 0 - 0
html/day5/images/3.png → html+css/day5/images/3.png
Файл харах


+ 0 - 0
html/day5/images/4.png → html+css/day5/images/4.png
Файл харах


+ 0 - 0
html/day5/images/5.png → html+css/day5/images/5.png
Файл харах


+ 0 - 0
html/day5/images/banner.png → html+css/day5/images/banner.png
Файл харах


+ 0 - 0
html/day5/images/star.png → html+css/day5/images/star.png
Файл харах


+ 0 - 0
html/day6/定位.html → html+css/day6/定位.html
Файл харах


BIN
html+css/day7/images/banner.png
Файл харах


BIN
html+css/day7/images/hot.png
Файл харах


BIN
html+css/day7/images/logo2.png
Файл харах


+ 223 - 0
html+css/day7/index.css
Файл харах 

@@ -0,0 +1,223 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+    list-style: none;
 
+    text-decoration: none;
 
+    box-sizing: border-box;
 
+}
 
+#box {
 
+    width: 100%;
 
+}
 
+/* 头部代码 */
 
+#header {
 
+    width: 100%;
 
+    height: 35px;
 
+    background: #00f;
 
+}
 
+#header .container {
 
+    width: 1200px;
 
+    height: 100%;
 
+    background-color: aqua;
 
+    margin: 0 auto;
 
+    overflow: hidden;
 
+}
 
+#header .container .left {
 
+    width: 228px;
 
+    height: 100%;
 
+    float: left;
 
+    background: #0f0;
 
+}
 
+#header .container .right {
 
+    width: 262px;
 
+    height: 100%;
 
+    float: right;
 
+    background: #ff0;
 
+}
 
+/* 主体 */
 
+#main {
 
+    width: 100%;
 
+}
 
+/* 第一部分 */
 
+#main .tip {
 
+    width: 100%;
 
+    height: 152px;
 
+    background: pink;
 
+}
 
+#main .tip .container {
 
+    width: 1200px;
 
+    height: 100%;
 
+    background: gold;
 
+    margin: 0 auto;
 
+    overflow: hidden;
 
+}
 
+#main .tip .container .logo {
 
+    width: 176px;
 
+    height: 49px;
 
+    float: left;
 
+    background: #fff;
 
+}
 
+#main .tip .container .search {
 
+    width: 536px;
 
+    height: 73px;
 
+    float: left;
 
+    background: #f0f;
 
+}
 
+#main .tip .container .shop {
 
+    width: 90px;
 
+    height: 21px;
 
+    float: left;
 
+    background: #00f;
 
+}
 
+/* 第二部分 */
 
+#main .nav {
 
+    width: 1200px;
 
+    height: 50px;
 
+    margin: 0 auto;
 
+    position: relative;
 
+}
 
+#main .nav ul {
 
+    overflow: hidden;
 
+}
 
+#main .nav ul li {
 
+    float: left;
 
+    padding: 12px 51.5px;
 
+}
 
+#main .nav ul li:hover {
 
+    background: #6F26BD;
 
+} 
+#main .nav ul li:hover a{
 
+    color: #fff;
 
+} 
+#main .nav ul li a {
 
+    font-size: 14px;
 
+}
 
+#main .nav ul li:first-child {
 
+    width: 260px;
 
+    height: 50px;
 
+    padding: 0;
 
+    text-align: center;
 
+    line-height: 50px;
 
+    background: #6F26BD;
 
+}
 
+#main .nav ul li:first-child a{
 
+    color: #fff;
 
+}
 
+#main .nav ul li a{
 
+    color: #000;
 
+}
 
+#main .nav ul li:first-child:hover {
 
+    background-color: #f00;
 
+}
 
+#main .nav ul li:first-child:hover a {
 
+    color: #ff0;
 
+}
 
+#main .nav .hot {
 
+    position: absolute;
 
+    top: -1px;
 
+    left: 818px;
 
+}
 
+/* 第三部分 */
 
+#main .banner {
 
+    width: 100%;
 
+    height: 576px;
 
+    /* position: relative; */
 
+}
 
+#main .banner img {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+#main .banner .container {
 
+    width: 1200px;
 
+    height: 100%;
 
+    margin: 0 auto;
 
+    position: relative;
 
+    top: -581px;
 
+}
 
+#main .banner .dialog {
 
+    width: 260px;
 
+    height: 546px;
 
+    background: #000;
 
+    opacity: .4;
 
+    position: absolute;
 
+    top: 0;
 
+    left: 0;
 
+}
 
+/* 第四部分 */
 
+#main .shop {
 
+    width: 1200px;
 
+    height: 376px;
 
+    overflow: hidden;
 
+    background: #0f0;
 
+    margin: 12px auto 53px;
 
+}
 
+#main .shop .left {
 
+    width: 590px;
 
+    height: 100%;
 
+    float: left;
 
+    background: gold;
 
+}
 
+#main .shop .right {
 
+    width: 590px;
 
+    height: 100%;
 
+    float: right;
 
+    background: rgb(0, 21, 255);
 
+}
 
+/* 第五部分 */
 
+#main .list {
 
+    width: 100%;
 
+    height: 100%;
 
+    background: #eee;
 
+    padding-bottom: 40px;
 
+}
 
+#main .list .container {
 
+    width: 1200px;
 
+    margin: 0 auto;
 
+}
 
+#main .list .container .partOne {
 
+    width: 100%;
 
+    height: 566px;
 
+    background: pink;
 
+}
 
+#main .list .container .partTwo {
 
+    width: 100%;
 
+    height: 566px;
 
+    background: plum;
 
+}
 
+#main .list .container .partThree {
 
+    width: 100%;
 
+    height: 566px;
 
+    background: peachpuff;
 
+}
 
+#main .list .container img {
 
+    width: 129px;
 
+    height: 36px;
 
+    display: block;
 
+    margin: 30px auto 0;
 
+}
 
+/* 页尾 */
 
+#footer {
 
+    width: 100%;
 
+    height: 375px;
 
+    background: #ff0;
 
+}
 
+#footer .container {
 
+    width: 1200px;
 
+    height: 100%;
 
+    background: goldenrod;
 
+    margin: 0 auto;
 
+}
 
+#footer .container .top {
 
+    width: 100%;
 
+    height: 195px;
 
+    background: #00f;
 
+}
 
+#footer .container .mid {
 
+    width: 100%;
 
+    height: 100px;
 
+    background: #f0f;
 
+}
 
+#footer .container .bottom {
 
+    width: 100%;
 
+    height: 80px;
 
+    background: pink;
 
+}

+ 71 - 0
html+css/day7/index.html
Файл харах 

@@ -0,0 +1,71 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <link rel="stylesheet" href="./index.css">
 
+</head>
 
+<body>
 
+    <div id="box">
 
+        <div id="header">
 
+            <div class="container">
 
+                <div class="left"></div>
 
+                <div class="right"></div>
 
+            </div>
 
+        </div>
 
+        <div id="main">
 
+            <!-- 第一部分 -->
 
+            <div class="tip">
 
+                <div class="container">
 
+                    <div class="logo"></div>
 
+                    <div class="search"></div>
 
+                    <div class="shop"></div>
 
+                </div>
 
+            </div>
 
+            <!-- 第二部分 -->
 
+            <div class="nav">
 
+                <ul>
 
+                    <li><a href="">全部商品分类</a></li>
 
+                    <li><a href="">商城首页</a></li>
 
+                    <li><a href="">所有商品</a></li>
 
+                    <li><a href="">团购专区</a></li>
 
+                    <li><a href="">秒杀专区</a></li>
 
+                    <li><a href="">实体店</a></li>
 
+                    <li><a href="">客户实拍</a></li>
 
+                </ul>
 
+                <img src="./images/hot.png" class="hot" alt="">
 
+            </div>
 
+            <!-- 第三部分 -->
 
+            <div class="banner">
 
+                <img src="./images/banner.png" alt="">
 
+                <div class="container"> 
+                    <div class="dialog"></div>
 
+                </div>
 
+               
+            </div>
 
+            <!-- 第四部分 -->
 
+            <div class="shop">
 
+                <div class="left"></div>
 
+                <div class="right"></div>
 
+            </div>
 
+            <!-- 第五部分 -->
 
+            <div class="list">
 
+                <div class="container">   
+                    <div class="partOne"></div>
 
+                    <div class="partTwo"></div>
 
+                    <div class="partThree"></div>
 
+                    <img src="./images/logo2.png" alt="">
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div id="footer">
 
+            <div class="container">
 
+                <div class="top"></div>
 
+                <div class="mid"></div>
 
+                <div class="bottom"></div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</body>
 
+</html>