diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/202401914\345\210\227\350\241\250\346\240\207\347\255\276.md" "b/\345\220\264\345\230\211\347\216\262/202401914\345\210\227\350\241\250\346\240\207\347\255\276.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/202401914\345\210\227\350\241\250\346\240\207\347\255\276.md"
rename to "\345\220\264\345\230\211\347\216\262/202401914\345\210\227\350\241\250\346\240\207\347\255\276.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905git\346\223\215\344\275\234\346\265\201\347\250\213.md" "b/\345\220\264\345\230\211\347\216\262/20240905git\346\223\215\344\275\234\346\265\201\347\250\213.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905git\346\223\215\344\275\234\346\265\201\347\250\213.md"
rename to "\345\220\264\345\230\211\347\216\262/20240905git\346\223\215\344\275\234\346\265\201\347\250\213.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905vs\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/20240905vs\347\254\224\350\256\260.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240905vs\347\254\224\350\256\260.md"
rename to "\345\220\264\345\230\211\347\216\262/20240905vs\347\254\224\350\256\260.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240907html\345\237\272\347\241\200.md" "b/\345\220\264\345\230\211\347\216\262/20240907html\345\237\272\347\241\200.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240907html\345\237\272\347\241\200.md"
rename to "\345\220\264\345\230\211\347\216\262/20240907html\345\237\272\347\241\200.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240909html\346\240\207\347\255\276\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/20240909html\346\240\207\347\255\276\347\254\224\350\256\260.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240909html\346\240\207\347\255\276\347\254\224\350\256\260.md"
rename to "\345\220\264\345\230\211\347\216\262/20240909html\346\240\207\347\255\276\347\254\224\350\256\260.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md"
rename to "\345\220\264\345\230\211\347\216\262/20240918\350\241\250\346\240\274\350\241\250\345\215\225\347\254\224\350\256\260.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md" "b/\345\220\264\345\230\211\347\216\262/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md"
rename to "\345\220\264\345\230\211\347\216\262/20240919\346\240\207\347\255\276\345\261\236\346\200\247.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240926\346\226\207\346\234\254\345\255\227\344\275\223\345\261\236\346\200\247.md" "b/\345\220\264\345\230\211\347\216\262/20240926\346\226\207\346\234\254\345\255\227\344\275\223\345\261\236\346\200\247.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/20240926\346\226\207\346\234\254\345\255\227\344\275\223\345\261\236\346\200\247.md"
rename to "\345\220\264\345\230\211\347\216\262/20240926\346\226\207\346\234\254\345\255\227\344\275\223\345\261\236\346\200\247.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/20240930\350\203\214\346\231\257\347\254\224\350\256\260.md" "b/\345\220\264\345\230\211\347\216\262/20240930\350\203\214\346\231\257\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..72faeb3ff33f540814be69378e1bbc902384b166
--- /dev/null
+++ "b/\345\220\264\345\230\211\347\216\262/20240930\350\203\214\346\231\257\347\254\224\350\256\260.md"
@@ -0,0 +1,174 @@
+# 笔记
+### 背景
+1. 设置元素的背景颜色：
+`background-color:`
+2. 设置图像为背景: `background- image:url(image/2.gif)`
+3. 设置背景图片是否重复及如何重复，默认为平铺:background - repeat:<br>
++ 不要平铺:`no-repeat`<br>
++ 横向平铺:`repeat-x`<br>
++ 纵向平铺：`repeat - y`<br>
+4. 设置背景图片在容器中的位置：`background - position:center top`<br>
+**横向：left center right<br>纵向:top center bottom**
+5. 设置背景图片是否随滚动条一起移动:`bacground -attachment:scroll`，属性值可以是:<br>
+默认：`scroll`
+固定背景：fixed<br>
+6. 背景裁切:`background - clip：`
+7. 调整尺寸:`background-size:`<br>
+属性：`conver`:超出被隐藏<br>
+    `contain`: 完整图片但留白<br>
+8. 背景从什么地方开始显示：`background-origin:`<br>
+`padding-box`:内边距开始<br>
+`border-box`:边框<br>
+`content - box`:内容
+
+#### 多重背景：
+请为一个名为.multi-background的类设置两个背景图片，并确保第一个图片覆盖在第二个图片之上。
+```html
+<style> 
+.multi-background{
+background-image: url(./小.jpg), url(./孔雀.jpg);
+        background-position: center, center; /* 确保两图片在同一位置 */
+        background-repeat: no-repeat, no-repeat; /* 防止背景重复 */
+        /* 调整第一张图片的位置使其覆盖在第二张图片上 */
+        background-position: bottom right, top left; 
+        
+        /* 设置div的尺寸，确保背景图片可见 */
+        width: 800px;
+        height: 600px;
+}
+ 
+</style>
+
+```
+**第一张图要小，第二张图片较大**
+
+#### 背景裁剪：
+请为一个名为.cropped-background的类设置背景图片，并确保图片只显示在元素的中心区域。
+```html
+<style>
+    .cropped-background {
+  width: 200px; /* 设置元素的宽度 */
+  height: 200px; /* 设置元素的高度 */
+  background-image: url('path/to/your/image.jpg'); /* 设置背景图片 */
+  background-position: center; /* 背景图片居中 */
+  background-size: cover; /* 背景图片覆盖整个元素区域 */
+  background-repeat: no-repeat; /* 背景图片不重复 */
+  /* 根据需要设置裁剪参数 */
+  background-clip: content-box; /* 裁剪背景到内容区域 */
+}
+</style>
+
+```
+# 作业
+1. 背景颜色
++ 请为一个名为.box的类设置背景颜色为深蓝色。
+```html
+<style>
+   /* 第一背景颜色 */
+        .box{
+            width: 50px;
+            height: 50px;
+            background-color: blue;
+        }
+</style>
+  ```
+2. 背景图片：
++ 给定一个名为.image-background的类，请设置其背景图片为url('background.jpg')。
+```html
+<style>
+  /* 第二背景图片 */
+        .image-background{
+          
+              width: 1000px;
+              height: 500px;
+        
+              background-image: url(./小.jpg);
+         
+        }
+</style>
+```
+
+3. 背景尺寸：
++ 请为一个名为.cover-image的类设置背景图片，并确保图片覆盖整个元素。
+```html
+<style>
+    /* 第三背景尺寸 */
+        .cover-image{
+            width: 300px;
+            height: 300px;
+    background-image: url(./微信图片_20240911202249.jpg);
+    background-size: contain;
+    background-repeat: no-repeat;
+        }
+</style>
+```
+
+4. 背景位置：
++ 请为一个名为.header的类设置背景图片，并将其定位到元素的右下角。
+```html
+<style>
+   .header{
+            width: 600px;
+            height: 600px;
+            border: 1px solid black;
+            background-image: url(./小.jpg);
+            background-repeat: no-repeat;
+            background-position: right bottom;
+
+        }
+</style>
+```
+5. 背景重复：
++ 请为一个名为.pattern的类设置背景图片，并确保图片在垂直方向上重复。
+```html
+<style>
+   .pattern{
+            width: 600px;
+            height: 1600px;
+            border: 1px solid black;
+            background-image: url(./微信图片_20240911202249.jpg);
+            background-repeat: repeat-y;
+            background-size: contain;
+
+        }
+    </style>
+```
+### 进阶练习
+```html
+    <style>
+       /* 1.多重背景 */
+        .multi-background {
+        background-image: url(./小.jpg), url(./孔雀.jpg);
+        background-position: center, center; /* 确保两图片在同一位置 */
+        background-repeat: no-repeat, no-repeat; /* 防止背景重复 */
+        /* 调整第一张图片的位置使其覆盖在第二张图片上 */
+        background-position: bottom right, top left; 
+        
+        /* 设置div的尺寸，确保背景图片可见 */
+        width: 800px;
+        height: 600px;
+        }
+        /* 2.
+        背景渐变 */
+        .gradient-box{
+            width: 500px;
+            height: 300px;
+            background-image: linear-gradient(to right,rgb(45, 228, 203),rgb(36, 247, 82));
+        }
+
+        /* 3.背景裁剪 */
+        .cropped-background{
+            width: 500px;
+            height: 500px;
+            background-color: pink;
+            background-image: url(./小.jpg);
+            background-position: center center;
+            background-clip:content-box;
+            background-repeat: no-repeat;
+        }
+
+    </style>
+```
+
+
+
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/202440911\346\270\262\346\237\223\345\274\225\346\223\216.md" "b/\345\220\264\345\230\211\347\216\262/202440911\346\270\262\346\237\223\345\274\225\346\223\216.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/202440911\346\270\262\346\237\223\345\274\225\346\223\216.md"
rename to "\345\220\264\345\230\211\347\216\262/202440911\346\270\262\346\237\223\345\274\225\346\223\216.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2024911\346\226\207\345\255\227\346\240\207\347\255\276.md" "b/\345\220\264\345\230\211\347\216\262/2024911\346\226\207\345\255\227\346\240\207\347\255\276.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/2024911\346\226\207\345\255\227\346\240\207\347\255\276.md"
rename to "\345\220\264\345\230\211\347\216\262/2024911\346\226\207\345\255\227\346\240\207\347\255\276.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/8f31b765f41a21882460a537f717153.jpg" "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/8f31b765f41a21882460a537f717153.jpg"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/8f31b765f41a21882460a537f717153.jpg"
rename to "\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/8f31b765f41a21882460a537f717153.jpg"
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md" "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md"
rename to "\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\345\272\212.md"
diff --git "a/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\255\224\351\233\200.jpg" "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\255\224\351\233\200.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..9a8c22c0294b9ea8a95678eb5b9d16b4262753cc
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\255\224\351\233\200.jpg" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\260\217.jpg" "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\260\217.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..7fdb82e6579fdbdd86f5f4a9e742b1954e12219f
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\260\217.jpg" differ
diff --git "a/\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg" "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"
similarity index 100%
rename from "\345\220\264\345\230\211\347\216\262/\347\254\224\350\256\260/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"
rename to "\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\233\276\347\211\207/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"
diff --git "a/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg" "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..ef4a8532139bd189c8debf1ebe0354aec0503d19
Binary files /dev/null and "b/\345\220\264\345\230\211\347\216\262/\345\233\276\345\272\212\343\200\201/\345\276\256\344\277\241\345\233\276\347\211\207_20240911202249.jpg" differ