diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000000000000000000000000000000000000..832ffa0e1d904b133839c92ee55a26596a963dca
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,5 @@
+## 23级软件3班 H5&CSS3课堂笔记
+
+上课录屏地址：https://www.alipan.com/s/9LLqP6n5JjF
+
+PS：天下之事常成于困约，而败于奢靡。——陆游
\ No newline at end of file
diff --git "a/\345\221\250\347\221\236\345\207\257/20241018\342\200\224\342\200\224\345\256\232\344\275\215.md" "b/\345\221\250\347\221\236\345\207\257/20241018\342\200\224\342\200\224\345\256\232\344\275\215.md"
deleted file mode 100644
index c15c526872b5cbaa87ecd5a9de8079ab3e06e0f9..0000000000000000000000000000000000000000
--- "a/\345\221\250\347\221\236\345\207\257/20241018\342\200\224\342\200\224\345\256\232\344\275\215.md"
+++ /dev/null
@@ -1,240 +0,0 @@
-# 定位
-## CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。
-
-```
- position: absolute;
-
- position: relative;
-
- position: fixed;
-
-```
-
-## 相对定位
-
-**相对定位**：让元素相对于自己原来的位置，进行位置调整（可用于盒子的位置微调）。
-
-### 相对定位不脱标
-
-**相对定位**：不脱标，老家留坑，**别人不会把它的位置挤走**。
-
-也就是说，相对定位的真实位置还在老家，只不过影子出去了，可以到处飘。
-
-### 相对定位的用途
-
-如果想做“压盖”效果（把一个div放到另一个div之上），我们一般**不用**相对定位来做。相对定位，就两个作用：
-
-- （1）微调元素
-- （2）做绝对定位的参考，子绝父相
-
-### 相对定位的定位值
-
-- left：盒子右移
-
-- right：盒子左移
-
-- top：盒子下移
-
-- bottom：盒子上移
-
-## 绝对定位
-
-**绝对定位**：定义横纵坐标。原点在父容器的左上角或左下角。横坐标用left表示，纵坐标用top或者bottom表示。
-
-格式举例如下：
-
-```
- position: absolute; /*绝对定位*/
- left: 10px; /*横坐标*/
- top/bottom: 20px; /*纵坐标*/
-```
-
-### 绝对定位脱标
-
-**绝对定位的盒子脱离了标准文档流。**
-
-### 绝对定位的参考点（重要）
-
-（1）如果用**top描述**，那么参考点就是**页面的左上角**，而不是浏览器的左上角：
-
-（2）如果用**bottom描述**，那么参考点就是**浏览器首屏窗口尺寸**（好好理解“首屏”二字），对应的页面的左下角：
-
-### 以盒子为参考点
-
-一个绝对定位的元素，如果父辈元素中也出现了已定位（无论是绝对定位、相对定位，还是固定定位）的元素，那么将以父辈这个元素，为参考点。
-
-## 效果图
-
-
-
-
-
-
-
-
-
-
-
-## 代码
-
-```html
-
-
-
-
-
-```
-```html
-
-```
-```html
-
-```
-```html
-
-```
-```html
-
-```
\ No newline at end of file