diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240909-\346\265\217\350\247\210\345\231\250\346\270\262\346\237\223\345\274\225\346\223\216.md" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240909-\346\265\217\350\247\210\345\231\250\346\270\262\346\237\223\345\274\225\346\223\216.md"
new file mode 100644
index 0000000000000000000000000000000000000000..aff0204e18863fd861b4ca5dbc4fcfe072f9ea83
--- /dev/null
+++ "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240909-\346\265\217\350\247\210\345\231\250\346\270\262\346\237\223\345\274\225\346\223\216.md"
@@ -0,0 +1,10 @@
+# 浏览器引擎
+| 浏览器 | 渲染引擎 |
+| :---|---:|
+| IE浏览器 | Trident |
+| 世界之窗 | Trident |
+| Opera | Blink |
+| Safar | webkit |
+| Firefox火狐浏览器| Gecko |
+| Opera（7.0 - 9.60 版本） | Presto |
+| Google Chrome | Blink |
\ No newline at end of file
diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240911-\346\260\264\345\271\263\347\272\277\346\240\267\345\274\217\343\200\201\346\226\207\345\255\227\345\261\205\344\270\255.html" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240911-\346\260\264\345\271\263\347\272\277\346\240\267\345\274\217\343\200\201\346\226\207\345\255\227\345\261\205\344\270\255.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7024d17ba38517218b4966e6027c713b50db1943
--- /dev/null
+++ "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240911-\346\260\264\345\271\263\347\272\277\346\240\267\345\274\217\343\200\201\346\226\207\345\255\227\345\261\205\344\270\255.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+ Document
+
+
+
+
+ 水平线样式
+
+
+
+
+
+
+
+ 文字居中
+ 我是一个女孩纸，一个爱哭爱闹的女孩纸。
+
+
+
\ No newline at end of file
diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240913--\345\260\206\345\233\276\347\211\207\346\260\264\345\271\263\347\253\226\347\233\264\346\226\271\345\220\221\345\261\205\344\270\255\357\274\210\345\217\252\347\224\250margin\357\274\232auto\345\256\236\347\216\260\357\274\211/u=518142128,3033413007&fm=253&fmt=auto&app=138&f=JPEG.webp" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240913--\345\260\206\345\233\276\347\211\207\346\260\264\345\271\263\347\253\226\347\233\264\346\226\271\345\220\221\345\261\205\344\270\255\357\274\210\345\217\252\347\224\250margin\357\274\232auto\345\256\236\347\216\260\357\274\211/u=518142128,3033413007&fm=253&fmt=auto&app=138&f=JPEG.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..23e04d90461e383e4f910ecd108c696609b9fe81
Binary files /dev/null and "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240913--\345\260\206\345\233\276\347\211\207\346\260\264\345\271\263\347\253\226\347\233\264\346\226\271\345\220\221\345\261\205\344\270\255\357\274\210\345\217\252\347\224\250margin\357\274\232auto\345\256\236\347\216\260\357\274\211/u=518142128,3033413007&fm=253&fmt=auto&app=138&f=JPEG.webp" differ
diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240913--\345\260\206\345\233\276\347\211\207\346\260\264\345\271\263\347\253\226\347\233\264\346\226\271\345\220\221\345\261\205\344\270\255\357\274\210\345\217\252\347\224\250margin\357\274\232auto\345\256\236\347\216\260\357\274\211/\345\261\205\344\270\255.html" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240913--\345\260\206\345\233\276\347\211\207\346\260\264\345\271\263\347\253\226\347\233\264\346\226\271\345\220\221\345\261\205\344\270\255\357\274\210\345\217\252\347\224\250margin\357\274\232auto\345\256\236\347\216\260\357\274\211/\345\261\205\344\270\255.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d04526820c0d48eef7a54ebce2cee4f23804f903
--- /dev/null
+++ "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240913--\345\260\206\345\233\276\347\211\207\346\260\264\345\271\263\347\253\226\347\233\264\346\226\271\345\220\221\345\261\205\344\270\255\357\274\210\345\217\252\347\224\250margin\357\274\232auto\345\256\236\347\216\260\357\274\211/\345\261\205\344\270\255.html"
@@ -0,0 +1,37 @@
+
+
+
+
+
+ Document
+
+
+
+ 
+
+
\ No newline at end of file
diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240914--\350\213\271\346\236\234\345\256\230\347\275\221\345\257\274\350\210\252\346\235\241/\350\213\271\346\236\234\345\256\230\347\275\221\345\257\274\350\210\252\346\235\241.html" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240914--\350\213\271\346\236\234\345\256\230\347\275\221\345\257\274\350\210\252\346\235\241/\350\213\271\346\236\234\345\256\230\347\275\221\345\257\274\350\210\252\346\235\241.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c2b4e9b9067de24109c1eb7fc303088b0caccaf1
--- /dev/null
+++ "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240914--\350\213\271\346\236\234\345\256\230\347\275\221\345\257\274\350\210\252\346\235\241/\350\213\271\346\236\234\345\256\230\347\275\221\345\257\274\350\210\252\346\235\241.html"
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+ - 商店
+ - Mac
+ - iPad
+ - iPhone
+ - Watch
+ - Vision
+ - Airpods
+ - 家居
+ - 娱乐
+ - 配件
+ - 技术支持
+
+
+
+
+
+
+
+ | 班级 |
+ 姓名 |
+ 年龄 |
+
+
+ | 3 |
+ 康童鞋 |
+ 20 |
+
+
+ | 4 |
+ 朱敬鑫 |
+ 19 |
+
+
+ | 0 |
+ 丸子猪 |
+ 0 |
+
+
+
+
+```
+
+## 按钮美化
+1. 效果图：
+
+
+2. 代码：
+```html
+
+
+
+
+ 按钮美化
+
+
+
+
+
+
+```
\ No newline at end of file
diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240920--\347\231\273\345\275\225\351\241\265\351\235\242\346\225\210\346\236\234\343\200\201\350\267\221\351\251\254\347\201\257\343\200\201\345\215\232\345\256\242\345\233\255\345\257\274\350\210\252\346\240\217\343\200\201\347\231\276\345\272\246\346\226\260\351\227\273\347\203\255\346\246\234.md" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240920--\347\231\273\345\275\225\351\241\265\351\235\242\346\225\210\346\236\234\343\200\201\350\267\221\351\251\254\347\201\257\343\200\201\345\215\232\345\256\242\345\233\255\345\257\274\350\210\252\346\240\217\343\200\201\347\231\276\345\272\246\346\226\260\351\227\273\347\203\255\346\246\234.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b29877ce989e251c1af19d24f3fd4d20e7aa5ca4
--- /dev/null
+++ "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240920--\347\231\273\345\275\225\351\241\265\351\235\242\346\225\210\346\236\234\343\200\201\350\267\221\351\251\254\347\201\257\343\200\201\345\215\232\345\256\242\345\233\255\345\257\274\350\210\252\346\240\217\343\200\201\347\231\276\345\272\246\346\226\260\351\227\273\347\203\255\346\246\234.md"
@@ -0,0 +1,260 @@
+## 登录页面效果
+1. 效果图：
+
+
+2. 代码如下：
+```html
+
+
+
+
+
+ 登录页面效果
+
+
+
+
+
+
+```
+
+## 跑马灯
+1. 效果图：
+)
+2. 代码：
+```html
+
+
+
+
+
+ Document
+
+
+
+
+
+
+```
+
+## 博客园导航栏
+1. 效果图：
+
+
+2. 代码如下：
+```html
+
+
+
+
+
+ Document
+
+
+
+
+
+ - 首页
+ - 新闻
+ - 博问
+ - 会员
+ - 闪存
+ - 班级
+
+
新的开始，新的自己
+
+
+ 幸福是养自己的心，而不是别人的眼。
+ 只要你觉得开心，那就是有意义的事情。 happy
+
+
+
+ i will always love you!
+ and you?
+ happy.
+
+```
+```css
+ p{
+ height: 30px;
+ width: 200px;
+ }
+ .highlight {
+ /* 文字颜色：金色 */
+ color: gold;
+ /* 背景颜色：黑色 */
+ background-color: black;
+ /* 文本为大写 */
+ text-transform: uppercase;
+ /* 首行缩进20px */
+ text-indent: 20px;
+
+ padding: 10px;
+ margin: 10px;
+ }
+ /* 伪类 */
+ .highlight:hover {
+
+ color: white;
+ background-color: gray;
+ }
+
+
+ /* ---------------------------------------------- */
+ .article p {
+ color: gray;
+ /* 字体大小 */
+ font-size: 16px;
+ /* 行高 */
+ line-height: 1.5;
+ /* 首行缩进 */
+ text-indent: 1em;
+
+ }
+ /* ：first-letter 伪元素 */
+ .article p:first-letter {
+ /* 首字字体 */
+ font-size: 24px;
+ /* 加粗 */
+ font-weight: bold;
+ }
+
+ /* ---------------------------------------------- */
+ div{
+ padding-top: 50px;
+ }
+ .poem {
+ /* 两端对齐 */
+ text-align: justify;
+ /* 文本颜色 */
+ color: darkblue;
+ /* 每个句子的首字母大写，注意这不是每个单词 */
+ text-transform: capitalize;
+ }
+
+ .poem::first-line {
+ color: darkred;
+ }
+```
\ No newline at end of file
diff --git "a/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240929\357\274\2140930--\345\237\272\347\241\200\350\277\233\351\230\266\343\200\201\346\270\220\345\217\230\343\200\201\346\273\232\345\212\250\350\247\206\345\267\256\346\225\210\346\236\234\345\233\276.md" "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240929\357\274\2140930--\345\237\272\347\241\200\350\277\233\351\230\266\343\200\201\346\270\220\345\217\230\343\200\201\346\273\232\345\212\250\350\247\206\345\267\256\346\225\210\346\236\234\345\233\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d1198773d03e190058cd140cd205975ea3c5c5f3
--- /dev/null
+++ "b/\345\272\267\345\273\272\346\242\205/\344\275\234\344\270\232/20240929\357\274\2140930--\345\237\272\347\241\200\350\277\233\351\230\266\343\200\201\346\270\220\345\217\230\343\200\201\346\273\232\345\212\250\350\247\206\345\267\256\346\225\210\346\236\234\345\233\276.md"
@@ -0,0 +1,293 @@
+# 基础练习
+## 背景图片
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 背景尺寸
+1. 效果图：
+
+2. 代码如下:
+```css
+
+
+```
+
+## 背景位置
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 背景颜色
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+
+## 背景图片垂直方向重复
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+# 进阶练习
+## 背景裁剪
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 背景渐变
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 背景缩放
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 多重背景
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 图片在滚动式固定在底部
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+# 渐变图
+## 效果图1
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+## 效果图2
+1. 效果图：
+
+2. 代码如下:
+```css
+
+```
+
+# 滚动视差效果
+1. 效果图：
+
+2. 代码如下:
+```html
+
+
+
+ Document
+
+
+
+ 头部
+
+ 内容
+
+ 底部
+
+
+