diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20241028-css\347\232\204flex\345\270\203\345\261\200.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20241028-css\347\232\204flex\345\270\203\345\261\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..611494ec0795f6a174ea506ad13d2fdd3506033d
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/giteenote/20241028-css\347\232\204flex\345\270\203\345\261\200.md"
@@ -0,0 +1,25 @@
+# CSS Flex布局课堂笔记
+
+## 1. Flex布局简介
+
+Flex布局（Flexible Box Layout）是一种布局模式，用于更高效地布局、对齐和分配容器内项目的空间，即使它们的大小是未知的或动态变化的。
+
+## 2. 基本概念
+
+- **容器（Container）**：使用`display: flex;`或`display: inline-flex;`声明的元素。
+- **项目（Item）**：容器内的直接子元素。
+
+## 3. 容器属性
+
+### 3.1 flex-direction
+
+- `row`（默认）：水平布局，项目从左到右排列。
+- `row-reverse`：水平布局，项目从右到左排列。
+- `column`：垂直布局，项目从上到下排列。
+- `column-reverse`：垂直布局，项目从下到上排列。
+
+```css
+.container {
+ display: flex;
+ flex-direction: row; /* 默认值 */
+}
\ No newline at end of file
diff --git "a/\351\202\271\346\260\270\346\266\233/homework/flex\345\270\203\345\261\200\344\275\234\344\270\232.md" "b/\351\202\271\346\260\270\346\266\233/homework/flex\345\270\203\345\261\200\344\275\234\344\270\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2eaf998903e49f4f68abd5d2b0330761e1add7d3
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/homework/flex\345\270\203\345\261\200\344\275\234\344\270\232.md"
@@ -0,0 +1,46 @@
+```html
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+```
\ No newline at end of file