hace 11 horas · 0be0ff350b
--- a/2_CSS/27_浮动.html
+++ b/2_CSS/27_浮动.html
@@ -15,7 +15,7 @@
 
				             line-height: 200px;
			
 
				             /* display: inline-block; */
			
 
				             /* float 表示浮动 可以将块元素横向排列 两个值：left向左 right向右 none不浮动 */
			
 
				-            float: right;
			
 
				+            /* float: right; */
			
 
				 
			
 
				         }
			
 
				     </style>
			
--- a/2_CSS/css/index.css
+++ b/2_CSS/css/index.css
@@ -313,3 +313,20 @@ p{
 
				 }
			
 
				 
			
 
				 /* 广告栏 end   */
			
 
				+/* 右侧固定按钮 start */
			
 
				+.fixed-btn{
			
 
				+    width: 30px;
			
 
				+    border:1px solid black;
			
 
				+    text-align: center;
			
 
				+    position: fixed;
			
 
				+    bottom: 20px;
			
 
				+    left:50%;
			
 
				+    margin-left: 613px;
			
 
				+
			
 
				+}
			
 
				+.fixed-btn li{
			
 
				+    height: 30px;
			
 
				+    line-height: 30px;
			
 
				+    border-bottom:1px solid black;
			
 
				+}
			
 
				+/* 右侧固定按钮 edn */
			
--- a/2_CSS/练习11_小米官网.html
+++ b/2_CSS/练习11_小米官网.html
@@ -163,7 +163,7 @@
 
				             </div>
			
 
				         </div>
			
 
				         <!-- 广告栏 -->
			
 
				-        <div class="ad-content main-width">
			
 
				+        <div class="ad-content main-width clearfix">
			
 
				             <!-- 左侧导航 -->
			
 
				             <div class="ad-nav">
			
 
				                 <div class="nav-item">
			
@@ -217,6 +217,23 @@
 
				             </div>
			
 
				         </div>
			
 
				     </div>
			
 
				+    <!-- 右侧固定按钮 -->
			
 
				+    <div class="fixed-btn">
			
 
				+        <ul>
			
 
				+            <li>
			
 
				+                <i class="iconfont icon-search"></i>
			
 
				+            </li>
			
 
				+            <li>
			
 
				+                <i class="iconfont icon-cart-empty"></i>
			
 
				+            </li>
			
 
				+            <li>
			
 
				+                <i class="iconfont icon-weixin"></i>
			
 
				+            </li>
			
 
				+            <li>
			
 
				+                <i class="iconfont icon-weibo"></i>
			
 
				+            </li>
			
 
				+        </ul>
			
 
				+    </div> 
			
 
				 </body>
			
 
				 
			
 
				 </html>
			
--- a/3_JavaScript/1_认识js.html
+++ b/3_JavaScript/1_认识js.html
@@ -0,0 +1,21 @@
 
				+<!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>认识js</h1>
			
 
				+    <!-- 1. 认识js -->
			
 
				+    <!-- js需要写在script标签中 -->
			
 
				+    <!-- 一般script标签写在body底部 -->
			
 
				+    <script>
			
 
				+        alert("hello world");
			
 
				+        console.log("hello world");
			
 
				+    </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/3_JavaScript/2_定义变量.html
+++ b/3_JavaScript/2_定义变量.html
@@ -0,0 +1,18 @@
 
				+<!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>
			
 
				+        // 定义变量
			
 
				+        // 使用var 关键字定义变量 var 变量名 = 值;
			
 
				+        // 变量名：不能以数字开头，不能包含特殊字符 使用数字、字母、下划线、$(美元符号)
			
 
				+        var cart = 0;
			
 
				+
			
 
				+        // 定义变量 可以赋值也可以不赋值
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/3_JavaScript/3_数值型.html
+++ b/3_JavaScript/3_数值型.html
@@ -0,0 +1,22 @@
 
				+<!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>
			
 
				+        // 数值型变量
			
 
				+        // 只要变量的值是一个数值，就叫数值型变量
			
 
				+        var a = 10;
			
 
				+
			
 
				+        // 基本运算符
			
 
				+        // 加法运算符 +
			
 
				+        var b = 20;
			
 
				+        var c = a + b;
			
 
				+        // console.log() 可以在控制台输出变量的值
			
 
				+        console.log(c);
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/3_JavaScript/4_字符型.html
+++ b/3_JavaScript/4_字符型.html
@@ -0,0 +1,25 @@
 
				+<!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>
			
 
				+        // 字符型变量
			
 
				+        // 只要变量的值是一个字符串，就叫字符型变量
			
 
				+        var a = "hello";
			
 
				+        // 定义字符型可以是"双引号 也可以是 ' 单引号
			
 
				+        var b = 'world';
			
 
				+
			
 
				+        // "+"加号可以表示字符型变量的拼接
			
 
				+        var c = a + b;
			
 
				+        var d = 10;
			
 
				+        // 字符型拼接过程中有任何一个操作数是其他类型 会将其他类型变量转换为字符串 然后在进行拼接
			
 
				+        var e = a + d;
			
 
				+        console.log(e);
			
 
				+        console.log(c);
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/3_JavaScript/5_布尔类型.html
+++ b/3_JavaScript/5_布尔类型.html
@@ -0,0 +1,38 @@
 
				+<!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>
			
 
				+        // 布尔类型变量
			
 
				+        // 只要变量的值是true或false 就叫布尔类型变量
			
 
				+        // var a = true;
			
 
				+        // var b = false;
			
 
				+        // console.log(a);
			
 
				+        // console.log(b);
			
 
				+
			
 
				+        var a = 1;
			
 
				+        var b = 2;
			
 
				+        // 关系运算符
			
 
				+        // > 大于
			
 
				+        // < 小于
			
 
				+        // >= 大于等于
			
 
				+        // <= 小于等于
			
 
				+        // == 等于
			
 
				+        // === 严格等于
			
 
				+        // != 不等于
			
 
				+        // var c = a > b;
			
 
				+        // var c = a <= b;
			
 
				+        // var c = a == b;
			
 
				+        var c = "2";
			
 
				+        // == 两个等号判断的是值是否相等 不判断类型
			
 
				+        // 严格等于 会判断类型是否相同
			
 
				+        var d = b === c;
			
 
				+        console.log(d);
			
 
				+     </script>
			
 
				+</body>
			
 
				+</html>