19 小時之前 · 4b3673ef30
--- a/11.复习/6.获取屏幕的宽高.html
+++ b/11.复习/6.获取屏幕的宽高.html
@@ -0,0 +1,13 @@
 
				+<!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 screenWidth = document.body.clientWidth || document.documentElement.clientWidth;
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/11.复习/7.距离.html
+++ b/11.复习/7.距离.html
@@ -0,0 +1,29 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        #box {
			
 
				+            width: 200px;
			
 
				+            height: 300px;
			
 
				+            margin-top: 150px;
			
 
				+            margin-left: 400px;
			
 
				+            background: aqua;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div id="box"></div>
			
 
				+    <script>
			
 
				+        let box = document.getElementById("box");
			
 
				+        // console.log(box.clientWidth);
			
 
				+        // console.log(box.clientHeight);
			
 
				+        console.log(box.offsetWidth)
			
 
				+        console.log(box.offsetHeight)
			
 
				+        console.log(box.offsetLeft)
			
 
				+        console.log(box.offsetTop)
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/11.复习/img/1.png
+++ b/11.复习/img/1.png
--- a/11.复习/img/2.png
+++ b/11.复习/img/2.png
--- a/11.复习/img/3.png
+++ b/11.复习/img/3.png
--- a/11.复习/img/4.png
+++ b/11.复习/img/4.png