diff --git "a/\345\220\264\351\221\253\351\270\277/20241025CSS3\351\200\211\346\213\251\345\231\250\350\257\246\350\247\243\345\222\214\345\261\236\346\200\247\350\257\246\350\247\243.md" "b/\345\220\264\351\221\253\351\270\277/20241025CSS3\351\200\211\346\213\251\345\231\250\350\257\246\350\247\243\345\222\214\345\261\236\346\200\247\350\257\246\350\247\243.md"
new file mode 100644
index 0000000000000000000000000000000000000000..15ef8c9e3aca79950f95fab59a9c068feac39d81
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/20241025CSS3\351\200\211\346\213\251\345\231\250\350\257\246\350\247\243\345\222\214\345\261\236\346\200\247\350\257\246\350\247\243.md"
@@ -0,0 +1,233 @@
+### 结构伪类选择器
+伪类选择器的标志性符号是`:`
+
+CSS中有一些伪类选择器,如:link、:visited、:hover、:active、:focus
+
+**1.格式(重要)(第一部分):**
+- E:first-child:匹配父元素的第一个子元素E
+- E:last-child:匹配父元素的最后一个子元素E
+- E:nth-child(n):匹配父元素的第n个子元素E
+- E:nth-child(odd):匹配奇数
+- E:nth-child(even):匹配偶数
+- E:nth-last-child(n):匹配父元素的倒数第n个子元素E
+
+**2.格式:(第二部分)**
+- E:first-of-type:匹配同类型中的第一个同级兄弟元素E
+- E:last-of-type:匹配同类型中的最后一个同级兄弟元素E
+- E:nth-of-type(n):匹配同类型中的第n个同级兄弟元素E
+- E:nth-last-of-type(n):匹配同类型中的倒数第n个同级兄弟元素E
+
+**3.格式:(第三部分)**
+- E:empty:匹配没有任何子节点(包括空格等text节点)的元素E
+- E:target:匹配相关URL指向的E元素
+### 伪元素选择器
+伪元素选择器的标志性符号是`::`
+
+**1.格式:(第一部分)**
+- E::before:设置在元素E前面(依据对象树的逻辑结构)的内容,配合content属性一起使用
+- E::after:设置在元素E后面(依据对象树的逻辑结构)的内容,配合content属性一起使用
+
+**2.格式:(第二部分)**
+- E::fist-letter:是指元素E里面的第一个字符的样式
+- E::fist-line:是指元素E里面的第一行的样式
+- E::selection:设置元素E里面被鼠标选中的区域的样式(一般设置颜色和背景色)
+## 文本
+### text-shadow:设置文本的阴影
+**语法:**text-shadow:水平位移 垂直位移 模糊程度 阴影颜色
+### 盒模型中的box-sizing属性
+- 外加模式:(css的默认方式)box-sizing:content-box;
+
+注:此时设置的width和height是**内容区域**的宽高,盒子的实际宽度=设置的width+padding+border,此时改变padding和border的大小,也不会改变内容的宽高,而是盒子的总宽高发生变化
+
+- 内减模式:(注意)box-sizing:border-box;
+
+注:此时设置的width和height是**盒子**的总宽高,盒子的实际宽度=设置的width,此时改变padding和border的大小,会改变内容的宽高,盒子的总宽高不变
+### 边框
+边框的属性很多,其中**边框圆角**和*边框阴影**应用十分广泛
+### 边框圆角:border-radius属性
+边框的每个圆角,本质上是一个圆,圆有**水平半径**和**垂直半径**,如果二者相等,就是圆;如果二者不等,就是椭圆
+### 边框阴影:box-shadow属性
+语法:box-shadow:水平偏移 垂直偏移 模糊程度 阴影大小 阴影颜色
+
+注:后面加一个inset属性,表示内阴影,如果不写,则默认表示外阴影
+
+## 过渡:transition
+transition含义是过渡,可以实现元素**不同状态间的平滑过渡**(补间动画)
+
+transition包括以下属性:
+- transition-property:all;如果希望所有的属性都发生过渡,就使用all
+- transition-duration:ls;过渡的持续时间
+- transition-timing-function:linear;运动曲线,属性值可以是:
+ - linear 线性
+ - ease 减速
+ - ease-in 加速
+ - ease-out 减速
+ - ease-in-out 先加速后减速
+- transition-delay:1s;过渡延迟
+## 2D转换
+### 缩放:scale
+格式:transform:scale(x,y);
+### 位移:translate
+格式:transform:translate(水平位移,垂直位移);
+### 旋转:rotate
+格式:transform:rotate(角度);
+
+## 作业:
+```
+ 作业1:
+
+
+
+ css:
+ *{
+ margin: auto;
+ }
+ .d{
+ height: 800px;
+ /* width: 320px; */
+ background-color: #F5F5F5;
+ margin: 80px auto;
+ }
+ .dd{
+ width: 230px;
+ height: 300px;
+ text-align: center;
+ margin-right: 20px;
+ background-color: #F5F5F5;
+ float: left;
+ position: relative;
+ top: 0;
+ overflow: hidden;
+ transition: all .5s;
+ }
+ .dd:hover{
+ top:-5px;
+ box-shadow: -1px,-1px,15px,5px,black;
+ }
+ .dd .sp{
+ position: absolute;
+ left: 0;
+ bottom: -80px;
+ width: 100%;
+ height: 80px;
+ background-color: #ff6700;
+ transition: all 999ms;
+ }
+ .dd:hover .sp{
+ bottom: 0;
+ }
+
+ 作业2:
+
+ 遥遥领先
+
+ css:
+ .d1{
+ height: 200px;
+ width: 200px;
+ background-color: red;
+ margin: auto;
+ margin-top: 100px;
+ font-size: 30px;
+ color: white;
+ transition: all 3s;
+
+ }
+ .d1:hover{
+ transform: rotate(720deg);
+ }
+
+ 作业3:
+
+
+
+ css:
+ .d1{
+ height: 800px;
+ width: 800px;
+ background-color: orange;
+ margin: auto;
+ }
+ .rocket{
+ padding-top: 450px;
+ transform:translate(-200px,200px) rotate(45deg);
+ margin-left: 200px;
+ transition: all 1s ease-in;
+ }
+ .rocket:hover{
+ transform:translate(400px,-400px) rotate(45deg);
+ }
+
+ 作业4:
+
+
+

+

+

+

+

+

+

+

+

+

+

+

+

+
+
+ css:
+ .d{
+ width: 500px;
+ height: 800px;
+ margin: 100px auto;
+ position: relative;
+ }
+ img{
+ width: 250px;
+ transition: all 2s;
+ transform-origin: center bottom;
+ position: absolute;
+ }
+ .d:hover img:nth-child(1){
+ transform: rotate(-60deg);
+ }
+ .d:hover img:nth-child(2){
+ transform: rotate(-50deg);
+ }
+ .d:hover img:nth-child(3){
+ transform: rotate(-40deg);
+ }
+ .d:hover img:nth-child(4){
+ transform: rotate(-30deg);
+ }
+ .d:hover img:nth-child(5){
+ transform: rotate(-20deg);
+ }
+ .d:hover img:nth-child(6){
+ transform: rotate(-10deg);
+ }
+ .d:hover img:nth-child(8){
+ transform: rotate(10deg);
+ }
+ .d:hover img:nth-child(9){
+ transform: rotate(20deg);
+ }
+ .d:hover img:nth-child(10){
+ transform: rotate(30deg);
+ }
+ .d:hover img:nth-child(11){
+ transform: rotate(40deg);
+ }
+ .d:hover img:nth-child(12){
+ transform: rotate(50deg);
+ }
+ .d:hover img:nth-child(13){
+ transform: rotate(60deg);
+ }
+
+```
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/9.4\347\254\224\350\256\260.md" "b/\345\220\264\351\221\253\351\270\277/9.4\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..cb9758ab1111ddd1786b9708c3eef125cab84c7f
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/9.4\347\254\224\350\256\260.md"
@@ -0,0 +1,37 @@
+Ctrl+Shift+v:预览
+
+
+
+# 一级标题
+
+## 二级标题
+
+*斜体*
+
+**粗体**
+
+***粗斜体***
+
++、-、*作为无序列表的符号
+
+* 无序列表1
+ + 又是无序列表1
+ + 又是无序列表2
+ + 又是无序列表3
+
+* 无序列表2
+ - 又是无序列表1
+ - 又是无序列表2
+ - 又是无序列表3
+
+* 无序列表3
+ * 又是无序列表1
+ * 又是无序列表2
+ * 又是无序列表3
+
+> 我是一段引用
+
+| 左对齐 | 居中 | 右对齐 |
+| :- | :-: | -: |
+| 单元格1 | 单元格2 | 单元格3 |
+| 单元格4 | 单元格5 | 单元格6 |
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/9.9\347\254\224\350\256\260.md" "b/\345\220\264\351\221\253\351\270\277/9.9\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1e960b18ff0eaec34143997f06071621ca5fe13a
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/9.9\347\254\224\350\256\260.md"
@@ -0,0 +1,53 @@
+1.Web:全球广域网,也称为万维网 Web端就是网页端
+2.网页:网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成
+3.浏览器:浏览器是网页运行的平台,常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等
+4.W3C:World Wide Web Consortium:万维网联盟组织,用来制定web标准当机构(组织)
+5.Web标准:制作网页要遵循的规范
+(1)结构标准(HTML):用于对网页元素进行整理和分类
+(2)表现标准(CSS):用于设置网页元素的板式、颜色、大小等外观样式
+(3)行为标准(JS):用于定义网页的交互和行为
+6.浏览器当市场占有份额:
+
+7.浏览器当组成:(1)渲染引擎(浏览器内核):用来解析HTML与CSS,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息 作用:读取网页内容,计算网页的显示方式并显示在页面上
+## 常见浏览器的内核:
+|浏览器 | 内核|
+|:-------------:|:-------------:|
+| chrome | Blink |
+| 欧鹏 | Blink |
+|360安全浏览器| Blink|
+|360极速浏览器| Blink|
+|Safari|Webkit|
+|Firefox 火狐|Gecko|
+|IE| Trident |
+(2)JS引擎(JS解释器):用来解析网页中的JavaScript代码,对其处理后再运行
+## 常见浏览器的JS引擎:
+|浏览器 | JS 引擎|
+|:-------------:|:-------------|
+|chrome / 欧鹏 | V8 |
+|Safari|Nitro|
+|Firefox 火狐|SpiderMonkey(1.0-3.0)/ TraceMonkey(3.5-3.6)/ JaegerMonkey(4.0-)|
+|Opera|Linear A(4.0-6.1)/ Linear B(7.0-9.2)/ Futhark(9.5-10.2)/ Carakan(10.5-)|
+|IE|Trident |
+8.浏览器工作原理:
+(1)User Interface(UI界面):包括地址栏、前进/后退按钮、书签菜单等
+(2)Browser engine(浏览器引擎):用来查询和操作渲染引擎。是UI界面和渲染引擎之间的桥梁
+(3)Rendering engine(渲染引擎):用于解析HTML和CSS,并将解析后的内容显示在浏览器上。
+(4)Networking (网络模块):用于发送网络请求。
+(5)JavaScript Interpreter(JavaScript解析器):用于解析和执行 JavaScript 代码。
+(6)UI Backend(UI后端):用于绘制组合框、弹窗等窗口小组件。
+(7)Data Persistence(数据存储模块):数据存储 cookie、HTML5中的localStorage、sessionStorage。
+8.HTML概述:(1)概念:**HTML** 全称为HyperText Markup Language,不是一种编程语言,是一种描述性当**标记语言** **作用**:HTML是负责描述文档**语义**的语言
+(2)超文本:从一个文件跳转到另一个文件,与世界各地主机的文件进行连接
+9.HTML的专有名词:
+- 网页:有各种标记组成当一个页面
+- 主页(首页):一个网站的起始页面或者导航页面
+- 标记(标签):例:``为开始标记,`
`为结束标记
+- 元素:标签内的内容称为元素,也叫dom元素,也叫节点
+- 属性:给每一个标签所做当辅助信息
+- XHTML:符合XML语法标准的HTML
+- DHTML:javascript + css + html 合起来的页面
+- HTTP:超文本传输协议
+9.html骨架标签分类:(1)``:HTML标签
+(2)``:文档头部,必须设置
+(3)``:文档标题
+(4)``:文档主体
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240909\344\275\234\344\270\232/\346\237\245\350\257\242\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216\346\270\262\346\237\223.md" "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240909\344\275\234\344\270\232/\346\237\245\350\257\242\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216\346\270\262\346\237\223.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8726a748876f8498f397c76a8468dabae8cf6a5a
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240909\344\275\234\344\270\232/\346\237\245\350\257\242\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216\346\270\262\346\237\223.md"
@@ -0,0 +1,10 @@
+| 浏览器名称 | 渲染核心 | JS引擎 |
+| ----------- | --------- | ------ |
+| Google Chrome | Blink | V8 |
+| Mozilla Firefox | Gecko | SpiderMonkey |
+| Apple Safari | WebKit | JavaScriptCore |
+| Microsoft Edge | Blink | V8 |
+| UC浏览器 | 基于Blink/WebKit | V8/JavaScriptCore |
+| 360安全浏览器 | 基于Blink/WebKit | V8/JavaScriptCore |
+
+表格中的信息是基于搜索结果的最新数据,并且可能会随着时间和技术的发展而变化。例如,Microsoft Edge在早期版本中使用了EdgeHTML作为渲染核心和Chakra作为JS引擎,但在后来的版本中转向了Blink渲染核心和V8 JS引擎。
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240911\344\275\234\344\270\232/\344\275\234\344\270\2321(\346\260\264\345\271\263\347\272\277).html" "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240911\344\275\234\344\270\232/\344\275\234\344\270\2321(\346\260\264\345\271\263\347\272\277).html"
new file mode 100644
index 0000000000000000000000000000000000000000..6914777b5089e8ec07d0fa795098c02892e1c217
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240911\344\275\234\344\270\232/\344\275\234\344\270\2321(\346\260\264\345\271\263\347\272\277).html"
@@ -0,0 +1,19 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240911\344\275\234\344\270\232/\344\275\234\344\270\2322(\346\226\207\345\255\227\345\261\205\344\270\255).html" "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240911\344\275\234\344\270\232/\344\275\234\344\270\2322(\346\226\207\345\255\227\345\261\205\344\270\255).html"
new file mode 100644
index 0000000000000000000000000000000000000000..04ab19fb166a833337026466e6f5f9645d50dbf6
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240911\344\275\234\344\270\232/\344\275\234\344\270\2322(\346\226\207\345\255\227\345\261\205\344\270\255).html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+ Document
+
+
+
+ 赤壁赋
+ 宋 苏轼
+
+
+ 壬戌之秋,七月既望,苏子与客泛舟游于赤壁之下
+
+
+
+
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240913\344\275\234\344\270\232/imgs/\345\233\276\347\211\207.png" "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240913\344\275\234\344\270\232/imgs/\345\233\276\347\211\207.png"
new file mode 100644
index 0000000000000000000000000000000000000000..e1ade069f04a3d61f8f7eeef23f203fe4291cfab
Binary files /dev/null and "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240913\344\275\234\344\270\232/imgs/\345\233\276\347\211\207.png" differ
diff --git "a/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240913\344\275\234\344\270\232/\345\233\276\347\211\207\346\260\264\345\271\263\345\236\202\347\233\264\345\261\205\344\270\255.html" "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240913\344\275\234\344\270\232/\345\233\276\347\211\207\346\260\264\345\271\263\345\236\202\347\233\264\345\261\205\344\270\255.html"
new file mode 100644
index 0000000000000000000000000000000000000000..58274ec929cceefa71c2d6848943f774d1c093b6
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240913\344\275\234\344\270\232/\345\233\276\347\211\207\346\260\264\345\271\263\345\236\202\347\233\264\345\261\205\344\270\255.html"
@@ -0,0 +1,22 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240914\344\275\234\344\270\232/\350\213\271\346\236\234\345\256\230\347\275\221.html" "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240914\344\275\234\344\270\232/\350\213\271\346\236\234\345\256\230\347\275\221.html"
new file mode 100644
index 0000000000000000000000000000000000000000..40f28ad1fc15f1d031ab7f923a075a141d571ab7
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/\350\257\276\345\220\216\344\275\234\344\270\232/20240914\344\275\234\344\270\232/\350\213\271\346\236\234\345\256\230\347\275\221.html"
@@ -0,0 +1,67 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+