diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20240923-html\347\232\204api\345\256\232\344\275\215\345\222\214\345\202\250\345\255\230\344\273\245\345\217\212\346\213\275\345\217\226.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20240923-html\347\232\204api\345\256\232\344\275\215\345\222\214\345\202\250\345\255\230\344\273\245\345\217\212\346\213\275\345\217\226.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ac05e1499b6eba28fdad1d7f781bc8108f5a9a93
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/giteenote/20240923-html\347\232\204api\345\256\232\344\275\215\345\222\214\345\202\250\345\255\230\344\273\245\345\217\212\346\213\275\345\217\226.md"
@@ -0,0 +1,36 @@
+# html
+
+
+## localStorage 和 sessionStorage
+客户端存储数据的两个对象为：
+
++ localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
++ sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
+### 浏览器支持
+nternet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。
+
+注意: Internet Explorer 7 及更早IE版本不支持web 存储.
+## HTML5 - 使用地理定位
+请使用 getCurrentPosition() 方法来获得用户的位置。
+
+下例是一个简单的地理定位实例，可返回用户位置的经度和纬度:
+```
+var x=document.getElementById("demo");
+function getLocation()
+{
+ if (navigator.geolocation)
+ {
+ navigator.geolocation.getCurrentPosition(showPosition);
+ }
+ else
+ {
+ x.innerHTML="该浏览器不支持获取地理位置。";
+ }
+}
+
+function showPosition(position)
+{
+ x.innerHTML="纬度: " + position.coords.latitude +
+ "
经度: " + position.coords.longitude;
+}
+```
\ No newline at end of file
diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20240926-css\345\261\236\346\200\247\344\270\255\347\232\204\346\226\207\346\234\254\345\261\236\346\200\247\345\222\214\345\255\227\344\275\223\345\261\236\346\200\247.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20240926-css\345\261\236\346\200\247\344\270\255\347\232\204\346\226\207\346\234\254\345\261\236\346\200\247\345\222\214\345\255\227\344\275\223\345\261\236\346\200\247.md"
new file mode 100644
index 0000000000000000000000000000000000000000..4b34aea586d303cfc5b558f20f5f100dc1e3348d
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/giteenote/20240926-css\345\261\236\346\200\247\344\270\255\347\232\204\346\226\207\346\234\254\345\261\236\346\200\247\345\222\214\345\255\227\344\275\223\345\261\236\346\200\247.md"
@@ -0,0 +1,38 @@
+# CSS的单位
+html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的单位是必须要写的，因为它没有默认单位。
+
+## 绝对单位
+1 in=2.54cm=25.4mm=72pt=6pc。
+
+## 各种单位的含义：
+
++ in：英寸Inches (1 英寸 = 2.54 厘米)
++ cm：厘米Centimeters
++ mm：毫米Millimeters
++ pt：点Points，或者叫英镑 (1点 = 1/72英寸)
++ pc：皮卡Picas (1 皮卡 = 12 点)
+## 相对单位
+px：像素 em：印刷单位相当于12个点 %：百分比，相对周围的文字的大小
+
+为什么说像素px是一个相对单位呢，这也很好理解。比如说，电脑屏幕的的尺寸是不变的，但是我们可以让其显示不同的分辨率，在不同的分辨率下，单个像素的长度肯定是不一样的啦。
+
+
+
+
+
+
+## font 字体属性
+CSS中，有很多非布局样式（与布局无关），包括：字体、行高、颜色、大小、背景、边框、滚动、换行、装饰性属性（粗体、斜体、下划线）等。
+
+
+css样式中，常见的字体属性有以下几种：
+```
+p{
+ font-size: 50px; /*字体大小*/
+ line-height: 30px; /*行高*/
+ font-family: 幼圆,黑体; /*字体类型：如果没有幼圆就显示黑体，没有黑体就显示默认*/
+ font-style: italic ; /*italic表示斜体，normal表示不倾斜*/
+ font-weight: bold; /*粗体*/
+ font-variant: small-caps; /*小写变大写*/
+}
+```
\ No newline at end of file
diff --git "a/\351\202\271\346\260\270\346\266\233/giteenote/20240930-html\347\232\204css\347\232\204\345\233\276\347\211\207\350\203\214\346\231\257.md" "b/\351\202\271\346\260\270\346\266\233/giteenote/20240930-html\347\232\204css\347\232\204\345\233\276\347\211\207\350\203\214\346\231\257.md"
new file mode 100644
index 0000000000000000000000000000000000000000..798842695941bd8774e566411884073cd7369fa9
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/giteenote/20240930-html\347\232\204css\347\232\204\345\233\276\347\211\207\350\203\214\346\231\257.md"
@@ -0,0 +1,18 @@
+# 背景颜色
+背景色属性（background-color）定义一个元素的背景颜色：
+```
+
+这是一个标题
+这是一个段落。
+
+```
+## 字体, 字体颜色 ，字体大小
+```
+一个标题
+一个段落。
+```
+## 文本对齐方式
+```
+居中对齐的标题
+这是一个段落。
+```
\ No newline at end of file
diff --git "a/\351\202\271\346\260\270\346\266\233/homework/20240923-\346\273\232\345\212\250\345\255\227\345\271\225.html" "b/\351\202\271\346\260\270\346\266\233/homework/20240923-\346\273\232\345\212\250\345\255\227\345\271\225.html"
new file mode 100644
index 0000000000000000000000000000000000000000..49373a9244d426c62e9e5365cb683a4dbcebfec1
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/homework/20240923-\346\273\232\345\212\250\345\255\227\345\271\225.html"
@@ -0,0 +1,89 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+ HOW YOU LIKE THAT
+
+
+
+
+
+
太帅了
+
有点恶心啊
+
能不能先死一下
+
what can i say
+
+
+ 这是文章的第一段。
+ 这是文章的第二段。
+
+
+
+ 这是一首诗。
+
+ 每个字都充满了情感，每个词都蕴含着深意。
+
+
+
+ 这是一条新闻。请根据屏幕宽度调整文本样式。
+
+
+
+ 这是一个引用文本。它应该看起来像是从某本书中摘录的。
+
+
+这段文本将闪烁。
+
+
+
+
+```
\ No newline at end of file
diff --git "a/\351\202\271\346\260\270\346\266\233/homework/20240930-css\350\203\214\346\231\257\346\240\267\345\274\217.md" "b/\351\202\271\346\260\270\346\266\233/homework/20240930-css\350\203\214\346\231\257\346\240\267\345\274\217.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7f1343dcdce8545c80d83142be9cc3ef363e0e57
--- /dev/null
+++ "b/\351\202\271\346\260\270\346\266\233/homework/20240930-css\350\203\214\346\231\257\346\240\267\345\274\217.md"
@@ -0,0 +1,203 @@
+# 初级
+```
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+# 进阶
+```
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+# 高级
+```
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+```
\ No newline at end of file