Etusivu Tutki Apua
Kirjaudu sisään
lovecoding
/
W250913
10
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

admin

fengchuanyu 1 viikko sitten
vanhempi
9ee2119200
commit
205dce1ae4
3 muutettua tiedostoa jossa 78 lisäystä ja 11 poistoa
Yhdistetty näkymä Näytä diff tilastot
  1. 44 11
      2_CSS/练习15_小米首页.html
  2. 15 0
      3_JavaScript/1_认识JS.html
  3. 19 0
      3_JavaScript/2_内容输出.html

+ 44 - 11
2_CSS/练习15_小米首页.html
Näytä tiedosto 

@@ -5,7 +5,7 @@
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Document</title>
 
     <title>Document</title>
 
-    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5060986_h8u3prxrggl.css">
 
+    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5060986_y3nqnoflco.css">
 
     <style>
 
     <style>
 
         /* css reset */
 
         /* css reset */
 
         * {
 
         * {
 
@@ -365,6 +365,23 @@
 
             left: 0;
 
             left: 0;
 
         }
 
         }
 
         /* banner 区域 end */
 
         /* banner 区域 end */
 
+        /* 有下角按钮 start */
 
+        .fixed-btn{
 
+            width: 30px;
 
+            border:1px solid black;
 
+            position: fixed;
 
+            left: 50%;
 
+            margin-left: 613px;
 
+            bottom: 200px;
 
+        }
 
+        .fixed-btn li{
 
+            width: 100%;
 
+            height: 40px;
 
+            text-align: center;
 
+            line-height: 40px;
 
+            border-bottom: 1px solid black;
 
+        }
 
+        /* 有下角按钮 end */
 
     </style>
 
     </style>
 
 </head>
 
 </head>
 
 
 
@@ -515,24 +532,24 @@
 
                     <p>保障服务</p>
 
                     <p>保障服务</p>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
 
-                    <img src="./img/xiaomi/a1.png" alt="a1">
 
-                    <p>保障服务</p>
 
+                    <img src="./img/xiaomi/a2.png" alt="a1">
 
+                    <p>企业团购</p>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
 
-                    <img src="./img/xiaomi/a1.png" alt="a1">
 
-                    <p>保障服务</p>
 
+                    <img src="./img/xiaomi/a3.png" alt="a1">
 
+                    <p>F码通道</p>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
 
-                    <img src="./img/xiaomi/a1.png" alt="a1">
 
-                    <p>保障服务</p>
 
+                    <img src="./img/xiaomi/a4.png" alt="a1">
 
+                    <p>米粉卡</p>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
 
-                    <img src="./img/xiaomi/a1.png" alt="a1">
 
-                    <p>保障服务</p>
 
+                    <img src="./img/xiaomi/a5.png" alt="a1">
 
+                    <p>以旧换新</p>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
 
-                    <img src="./img/xiaomi/a1.png" alt="a1">
 
-                    <p>保障服务</p>
 
+                    <img src="./img/xiaomi/a6.png" alt="a1">
 
+                    <p>话费充值</p>
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
 
@@ -550,6 +567,22 @@
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+    <!-- 测试代码 -->
 
+     <div class="main-width" style="height: 1000px;"></div>
 
+    <!--  右下角固定按钮 -->
 
+    <div class="fixed-btn">
 
+        <ul>
 
+            <li>
 
+                <i class="iconfont icon-phone"></i>
 
+            </li>
 
+            <li>
 
+                <i class="iconfont icon-user"></i>
 
+            </li>
 
+            <li>
 
+                <i class="iconfont icon-icons-"></i>
 
+            </li>
 
+        </ul>
 
+    </div>
 
 </body>
 
 </body>
 
 
 
 </html>
 
 </html>

+ 15 - 0
3_JavaScript/1_认识JS.html
Näytä tiedosto 

@@ -0,0 +1,15 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+   <h1>hello world</h1> 
+   <script>
 
+    // alert弹框 括号里面参数弹框内的文字内容
 
+    alert("你好");
 
+   </script>
 
+</body>
 
+</html>

+ 19 - 0
3_JavaScript/2_内容输出.html
Näytä tiedosto 

@@ -0,0 +1,19 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <script>
 
+        // js 代码每一段结束后 后面加上";"
 
+        // 向控制台输出
 
+        console.log("你好");
 
+        // 向页面输出内容
 
+        document.write("你好");
 
+        // 弹框提示
 
+        alert("你好");
 
+    </script>
 
+</body>
 
+</html>