diff --git "a/\346\236\227\351\221\253/20211115/demo01.html" "b/\346\236\227\351\221\253/20211115/demo01.html"
deleted file mode 100644
index 290ebf1900b3772b134f4d5461a332429425b210..0000000000000000000000000000000000000000
--- "a/\346\236\227\351\221\253/20211115/demo01.html"
+++ /dev/null
@@ -1,40 +0,0 @@
-<!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>
-        a:visited {
-            color: black;
-        }
-        a:active {
-            color: red;
-        }
-        button:active{
-
-        }
-        input:focus {
-            border-color: red;
-            outline: none;
-        }
-        input:enabled {
-            color: red;
-        }
-        input:disabled {
-            color: blue;
-        }
-    </style>
-</head>
-<body>
-    <a href="http://www.baidu.com">百度</a>
-    <button>点击我</button>
-
-    <input type="text" name="" id="" disabled value="1234">
-
-    <span></span>
-    <input type="checkbox" name="" id="" style="display: none;">
-
-    <div></div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/\346\236\227\351\221\253/20211116/demo01.html" "b/\346\236\227\351\221\253/20211116/demo01.html"
deleted file mode 100644
index 16431758a02a8accb2748daa54a9e53b4936886a..0000000000000000000000000000000000000000
--- "a/\346\236\227\351\221\253/20211116/demo01.html"
+++ /dev/null
@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <style>
-        span {
-            color: red;
-        }
-        p {
-            width: 500px;
-            border: 1px solid #e1e1e1;
-        }
-        a {
-            font-size: 12px;
-        }
-    </style>
-</head>
-<body>
-    <h3>white-space</h3>
-    <ul>
-        <li>
-            <h4>white-space: normal 默认。空白会被浏览器忽略。</h4>
-            <p style="white-space: normal;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
-			Cum, esse tempore quod voluptatum libero rerum.</p>
-        </li>
-        <li>
-            <h4>white-space: pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。</h4>
-            <p style="white-space: pre;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
-			Cum, esse tempore quod voluptatum libero rerum.</p>
-        </li>
-        <li>
-            <h4>white-space: nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。</h4>
-            <p style="white-space: nowrap;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
-			Cum, esse tempore quod voluptatum libero rerum.</p>
-        </li>
-        <li>
-            <h4>white-space: pre-wrap 保留空白符序列，但是正常地进行换行。</h4>
-            <p style="white-space: pre-wrap;">Lorem, ipsum dolor sit amet consectetur adipisicing elit.
-			 Cum, esse tempore quod voluptatum libero rerum.</p>
-        </li>
-        <li>
-            <h4>white-space: pre-line 合并空白符序列，但是保留换行符。</h4>
-            <p style="white-space: pre-line;">Lorem, ipsum dolor sit amet consectetur adipisicing elit.
-			 Cum, esse tempore quod voluptatum libero rerum.</p>
-        </li>
-        <li>
-            <h4>white-space: inherit;规定应该从父元素继承 white-space 属性的值。</h4>
-            <p style="white-space: inherit;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
-			Cum, esse tempore quod voluptatum libero rerum.</p>
-        </li>
-    </ul>
-    <br>
-    <h3>word-break</h3>
-    <ul>
-        <li>
-            <h4>word-break: normal;使用浏览器默认的换行规则。</h4>
-            <p style="word-break: normal">出因上变设者了别，谓气在蒲，秦远关力意留可承仃范狱怒弄何张身下要，国洋流将正、故绛统县清张上乐恩请。</p>
-        </li>
-		<li>
-		    <h4>word-break: break-all;允许在单词内换行。</h4>
-		    <p style="white-space: break-all;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cum, esse tempore quod voluptatum libero rerum.</p>
-		</li>
-		<li>
-		    <h4>word-break: keep-all;只能在半角空格或连字符处换行。</h4>
-		    <p style="white-space: keep-all;">Lorem, ipsum dolor sit amet consectetur-adipisicing elit. Cum, esse tempore-quod voluptatum libero rerum.</p>
-		</li>
-		<li>
-		    <h4>word-break:hyphenate;在恰当的断字点进行换行。</h4>
-		    <p style="word-break:hyphenate;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cum, esse tempore quod voluptatum libero rerum.</p>
-		</li>
-    </ul>
-    <br>
-    <h3>word-wrap。</h3>
-    <ul>
-        <li>
-            <h4>word-wrap:break-word</h4>
-            <p style="word-wrap:break-word">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. 
-			The long word will break and wrap to the next line.</p>
-        </li>
-        
-    </ul>
-    <br>
-    <h3>word-spacing</h3>
-    <ul class="test">
-        <li class="baseline">
-            <h4>word-spacing:20px;定义单词间的固定空间</h4>
-           <p style="word-spacing:20px">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword.
-           The long word will break and wrap to the next line.</p>
-        </li>
-    </ul>
-	<h3>letter-spacing</h3>
-	<ul class="test">
-	    <li class="baseline">
-	        <h4>letter-spacing:2px;定义单词间的固定空间</h4>
-	       <p style="letter-spacing:2px">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword.
-	       The long word will break and wrap to the next line.</p>
-	    </li>
-		<li class="baseline">
-		    <h4>letter-spacing:-4px;定义单词间的固定空间</h4>
-		   <p style="letter-spacing:-4px">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword.
-		   The long word will break and wrap to the next line.</p>
-		</li>
-	</ul>
-</body>
-</html>
\ No newline at end of file
diff --git "a/\346\236\227\351\221\253/20211118/demo.html" "b/\346\236\227\351\221\253/20211118/demo.html"
deleted file mode 100644
index 1fc4d1493bbea9493f34d10ecf2756ced90f49c7..0000000000000000000000000000000000000000
--- "a/\346\236\227\351\221\253/20211118/demo.html"
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<title></title>
-		<style type="text/css">
-			:root {
-				--red: 44;
-				--green: 135;
-				--blue: 255;
-			}
-			p {
-				position: relative;
-				/* width: calc(100% - 80px); */
-				height: 100px;
-				left: 40px;
-				background: rgb(var(--red),var(--green),var(--blue));
-				text-align: center;
-				line-height: 100px;
-				font-size: 20px;
-			}
-			#fater {
-				float: left;
-				width: calc(20%);
-				height: 50px;
-				margin-left: 50px;
-			}
-		</style>
-	</head>
-	<body>
-		<p>RGB(<span>44</span>,<span>135</span>,<span>255</span>)</p>
-		<div id="fater">
-			<h3>RED</h3>
-			<input type="range" name="red" id="red-range" min="0" max="255" value="44" />
-			<div id="0">
-				44
-			</div>
-		</div>
-		<div id="fater">
-			<h3>GREEN</h3>
-			<input type="range" name="green" id="green-range" min="0" max="255" value="135" />
-			<div id="1">
-				135
-			</div>
-		</div>
-		<div id="fater">
-			<h3>BLUE</h3>
-			<input type="range" name="blue" id="blue-range" min="0" max="255" value="255" />
-			<div id="2">
-				255
-			</div>
-		</div>
-		
-		<script type="text/javascript">
-			let input = document.querySelectorAll('input')
-			for (let i = 0; i< input.length; i++) {
-				input[i].oninput = function() {
-					document.getElementById(i).innerHTML = this.value
-					let span = document.querySelectorAll('span')
-					span[i].innerHTML= this.value
-					document.documentElement.style.setProperty('--' + this.name,this.value)
-				}
-			}
-		</script>
-	</body>
-</html>
