diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html"
new file mode 100644
index 0000000000000000000000000000000000000000..da1cb6247fc717a04248eabd199b8ee5b9a7b3b3
--- /dev/null
+++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html"	
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>test</title>
+	<style type="text/css">
+		#table {
+			width: 900px;
+			margin: 0px auto;
+			background-color: #008000;
+		}
+
+		#table td {
+			background-color: blue;
+		}
+
+		#table th {
+			background-color: white;
+		}
+
+		#myDiv {
+			width: 900px;
+			margin: 0px auto;
+			height: 30px;
+			line-height: 30px;
+			text-align: center;
+		}
+	</style>
+
+</head>
+
+<body>
+	<table cellspacing="1" id="table">
+		<tr>
+			<th width="200">
+				<input type="checkbox" id="selAll" onchange="allchose()" />全选
+				<input type="checkbox" id="selAll" onchange="reversal()" />反选
+			</th>
+			<th width="200">姓名</th>
+			<th width="200">性别</th>
+			<th width="200">专业</th>
+			<th width="200">爱好</th>
+		</tr>
+		<tr>
+			<td><input type="checkbox" /></td>
+			<td>刘备</td>
+			<td>男</td>
+			<td>软件开发</td>
+			<td>抽烟</td>
+		</tr>
+		<tr>
+			<td><input type="checkbox" /></td>
+			<td>关羽</td>
+			<td>男</td>
+			<td>国际贸易</td>
+			<td>喝酒</td>
+		</tr>
+		<tr>
+			<td><input type="checkbox" /></td>
+			<td>张飞</td>
+			<td>男</td>
+			<td>园林设计</td>
+			<td>烫头发</td>
+		</tr>
+		<tr>
+			<td><input type="checkbox" /></td>
+			<td>赵云</td>
+			<td>男</td>
+			<td>平面设计</td>
+			<td>抽烟</td>
+		</tr>
+		<tr>
+			<td><input type="checkbox" /></td>
+			<td>黄忠</td>
+			<td>男</td>
+			<td>影视制作</td>
+			<td>玩游戏</td>
+		</tr>
+		<tr>
+			<td><input type="checkbox" /></td>
+			<td>小乔</td>
+			<td>女</td>
+			<td>高级护理</td>
+			<td>唱歌</td>
+		</tr>
+	</table>
+	<script type="text/javascript">
+		var input = document.querySelectorAll('input');
+		for (let i = 0; i < input.length; i++) {
+			input[i].setAttribute('checked', 'checked');
+			input[i].checked = false;
+		}
+
+		function allchose() {
+			for (let i = 2; i < input.length; i++) {
+				if (input[0].checked) {
+					input[i].checked = true;
+				} else {
+					input[i].checked = false;
+				}
+			}
+			console.log(input[2]);
+		}
+
+		function reversal() {
+			for (let i = 2; i < input.length; i++) {
+				if (input[i].checked) {
+					input[i].checked = false;
+				} else {
+					input[i].checked = true;
+				}
+			}
+		}
+	</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test1.html" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0efab9387b36562623a05ecc36ac9cd8c62e331c
--- /dev/null
+++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test1.html"	
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>test1</title>
+	
+	<style type="text/css">
+		.myArea {
+			width: 100%;
+			height: 80px;
+		}
+
+		.myDiv {
+			line-height: 30px;
+		}
+	</style>
+
+</head>
+
+<body>
+	<h2>工作经历</h2><hr />
+	<div id="myContainer">
+		<div class="myDiv" id="div1">
+			公司名称:<input type="text" />
+			职位:<input type="text" />
+			<a href="#" onclick="deleterows()">删除工作经历</a><br />
+			工作职责及工作内容描述:<textarea class="myArea"></textarea><hr />
+		</div>
+	</div>
+
+	<div style="line-height: 30px; text-align: right;">
+		<a href="#" onclick="addrows()">添加工作经历</a>
+	</div>
+	<script type="text/javascript">
+		var div = document.querySelector("#myContainer");
+		var divArr = document.querySelector("#myContainer").childNodes;
+		var length = divArr.length;
+
+		function addrows() {
+			var textArr = document.querySelectorAll("input");
+			var text = textArr[0].value;
+			var text1 = textArr[1].value;
+			var text2 = document.querySelector(".myArea").value;
+			var div = document.querySelector("#myContainer");
+			var divDiv = document.createElement("div");
+			divDiv.innerHTML = "公司名称:" + text + "<br/>" + "职位:" + text1 + "<br/>" + "工作职责及工作内容描述:" + text2 + "<br/><hr>";
+			div.appendChild(divDiv);
+			textArr[0].value = ""; textArr[1].value = ""; document.querySelector(".myArea").value = "";
+			length++;
+
+		}
+
+		function deleterows() {
+			if (length >= 3) {
+				div.removeChild(divArr[--length]);
+			}
+		}
+	</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-21-\346\240\267\345\274\217.md" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-21-\346\240\267\345\274\217.md"
new file mode 100644
index 0000000000000000000000000000000000000000..16ae3359e0dd7bd1b1d1cc72b8584f21f34d09ca
--- /dev/null
+++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-21-\346\240\267\345\274\217.md"	
@@ -0,0 +1,13 @@
+## css样式
+
+#### #id：对id进行样式设置
+
+#### . class：对class进行样式设置
+
+#### 标签名：对标签进行样式设置
+
+#### *：通配符，对所有进行样式设置
+
+## 行间控制style
+
+#### 获取行间样式的时候需要进行初始化否则无法获取
\ No newline at end of file

姓名	性别	专业	爱好
刘备	男	软件开发	抽烟
关羽	男	国际贸易	喝酒
张飞	男	园林设计	烫头发
赵云	男	平面设计	抽烟
黄忠	男	影视制作	玩游戏
小乔	女	高级护理	唱歌