diff --git "a/\345\220\264\345\255\237\345\275\244/20241104-\345\223\215\345\272\224\345\274\217\345\270\203\345\261\200.md" "b/\345\220\264\345\255\237\345\275\244/20241104-\345\223\215\345\272\224\345\274\217\345\270\203\345\261\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..59ba21cb296cd01aef317199260fe50110233c68
--- /dev/null
+++ "b/\345\220\264\345\255\237\345\275\244/20241104-\345\223\215\345\272\224\345\274\217\345\270\203\345\261\200.md"
@@ -0,0 +1,25 @@
+### 媒体查询
+1. 媒体查询是CSS的一个强大功能，能帮助我们根据不同的设备特性（比如屏幕尺寸）来调整网页的样式。
+### 媒体查询的基本结构
+```css
+@media (条件) {
+ /* 在这里写CSS样式 */
+}
+```
+### 常用的媒体特性
+ - `width`：屏幕宽度
+ - `height`：屏幕高度
+ - `max-width`：屏幕最大宽度（小于或等于这个值）
+ - `min-width`：屏幕最小宽度（大于或等于这个值）
+
+```css
+@media (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
+```
+### 注意事项
+ - 媒体查询可以嵌套在CSS文件中，也可以作为单独的CSS文件被链接。
+ - 媒体查询是向下兼容的，旧版浏览器会忽略媒体查询。
+ - 使用媒体查询可以提高页面加载速度，因为它允许浏览器只加载必要的CSS。
\ No newline at end of file
diff --git "a/\345\220\264\345\255\237\345\275\244/20241106-\346\220\255\345\273\272\351\235\231\346\200\201\347\275\221\347\253\231\346\255\245\351\252\244\345\222\214\345\221\275\344\273\244.md" "b/\345\220\264\345\255\237\345\275\244/20241106-\346\220\255\345\273\272\351\235\231\346\200\201\347\275\221\347\253\231\346\255\245\351\252\244\345\222\214\345\221\275\344\273\244.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2948eadd59eb1911c0d93a3bb5d6a8b0d7185e15
--- /dev/null
+++ "b/\345\220\264\345\255\237\345\275\244/20241106-\346\220\255\345\273\272\351\235\231\346\200\201\347\275\221\347\253\231\346\255\245\351\252\244\345\222\214\345\221\275\344\273\244.md"
@@ -0,0 +1,34 @@
+### 服务器
+1. 登录服务器 `-ssh root @hzhf.域名`
+2. 登录后做的事情
+ + 更新软件源 `-apt update`
+ + 更新操作系统&打补丁 `-apt upgrate -y`
+## 搭建一个静态网站
+1. 安装nginx
+ `命令:yum install -y nginx`
+2. 设置nginx开机启动和现在启动
+ `命令：systemctl start nginx`
+3. 查看nginx情况
+ `命令：systemctl status nginx`
+4. 在/var/下创建www文件夹，并在www文件下创建以域名为名称的文件夹
+ ```
+ mkdir /var/www
+ cd /var/www
+ mkdir 域名
+ cd 域名
+ ```
+5. 在XShell界面，点击绿色的像文件的那个图标，然后再弹出的界面将自己写的html文件上传到/var/www/域名
+6. 在/etc/nginx/conf.d/目录下，创建一个以域名为名称的配置文件
+ `vim //etc/nginx/conf.d/hzhf.cn.conf`
+7. 在上一步的基础上，按i进入插件模式，输入下面文本，按esc键进入命令模式，按冒号进入底层命令行模式后，输入wq保存退出，修改nginx网站配置后，输入`nginx -t`测试配置文件是否正确，正确返回`success`，不正确按照提示重新修改配置，正确之后执行`systemctl reload nginx`或`nginx -s reload`命令重新加载配置
+ ```
+ server{
+ listen 80; --监听的端口
+ server_name 域名; --监听的域名
+ location / {
+ root /var/www/域名; --网站所在路径
+ index i.html; --默认的首页文件
+ }
+ }
+ ```
+8. 最后，在华为云控制台，进入ECS实例列表，然后点击进入实例，在左边栏最下点击安全组，点击列表中一行的配置规则，将80端口和443端口加入允许访问列表，并保存即可
diff --git "a/\345\220\264\345\255\237\345\275\244/20241107-\345\244\215\344\271\240.md" "b/\345\220\264\345\255\237\345\275\244/20241107-\345\244\215\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..fe1da00b3fe0ea7661309dcc26e08edbec82cb91
--- /dev/null
+++ "b/\345\220\264\345\255\237\345\275\244/20241107-\345\244\215\344\271\240.md"
@@ -0,0 +1,48 @@
+## 页面先布局再写样式
+## 阿里矢量图标库引用
+### Unicode 引用
+```
+第一步：拷贝项目下面生成的 @font-face
+ @font-face {
+ font-family: 'iconfont';
+ src: url('iconfont.ttf?t=1731227046715') format('truetype');
+ }
+第二步：定义使用 iconfont 的样式
+ .iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+第三步：挑选相应图标并获取字体编码，应用于页面
+ 3
+```
+
+### font-class 引用
+```
+第一步：引入项目下面生成的 fontclass 代码：
+
+第二步：挑选相应图标并获取类名，应用于页面：
+
+```
+
+### Symbol 引用
+```
+第一步：引入项目下面生成的 symbol 代码：
+
+第二步：加入通用 CSS 代码（引入一次就行）：
+
+第三步：挑选相应图标并获取类名，应用于页面：
+
+```
\ No newline at end of file
diff --git "a/\345\220\264\345\255\237\345\275\244/\344\275\234\344\270\232/20241104\345\270\203\345\261\200/\344\272\254\344\270\234.html" "b/\345\220\264\345\255\237\345\275\244/\344\275\234\344\270\232/20241104\345\270\203\345\261\200/\344\272\254\344\270\234.html"
new file mode 100644
index 0000000000000000000000000000000000000000..50e75a745fbd9043a551d760f00f49b5cffed678
--- /dev/null
+++ "b/\345\220\264\345\255\237\345\275\244/\344\275\234\344\270\232/20241104\345\270\203\345\261\200/\344\272\254\344\270\234.html"
@@ -0,0 +1,492 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
打开京东App，购物更轻松
+
立即打开
+
+
+
+
+
+
首页
+
分类
+
京喜
+
购物车
+
未登录
+
+
+
+
+
+
热门视频
+
+
+
+
换一换
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒研制
+
1万评论
+
148万次观看
+
司马南频道
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒研制
+
1万评论
+
148万次观看
+
司马南频道
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒研制
+
1万评论
+
148万次观看
+
司马南频道
+
+
+
+
+
+
无论做什么鱼：最忌放盐和料酒研制
+
1万评论
+
148万次观看
+
司马南频道
+
+
+
+
+
+
+
+
+
+
景点·玩乐
+
景点·玩乐
+
景点·玩乐
+
景点·玩乐
+
景点·玩乐
+
+
+
+
+
电话费
+
电话费
+
电话费
+
电话费
+
电话费
+
+
+
电话费
+
电话费
+
电话费
+
电话费
+
电话费
+
+
+
+
+
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+
+
2444.0万
+
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
+
+
+