From 211f0984b6f8bca202bdb03c21b525f750eb19bb Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 23 Sep 2024 16:30:52 +0800 Subject: [PATCH 1/6] 0923 --- ...45\345\217\212\346\213\275\345\217\226.md" | 36 +++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 "\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" 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 0000000..ac05e14 --- /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 -- Gitee From 53d8335872848420341108ecb1b9145a996ab14d Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 23 Sep 2024 17:00:24 +0800 Subject: [PATCH 2/6] =?UTF-8?q?=E8=B7=91=E9=A9=AC=E7=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...\345\212\250\345\255\227\345\271\225.html" | 49 +++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 "\351\202\271\346\260\270\346\266\233/homework/20240923-\346\273\232\345\212\250\345\255\227\345\271\225.html" 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 0000000..6f68642 --- /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,49 @@ + + + + + + Document + + + +
+

+ HOW YOU LIKE THAT +

+
+ + \ No newline at end of file -- Gitee From a391215e21c284a7b6f36f44c0d3ee34cb85f78a Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 23 Sep 2024 17:17:03 +0800 Subject: [PATCH 3/6] 0923 --- ...\345\212\250\345\255\227\345\271\225.html" | 40 +++++++++++++++++++ 1 file changed, 40 insertions(+) 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" index 6f68642..49373a9 100644 --- "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" @@ -11,12 +11,32 @@ font-size: 50px; color:#fff; } + + + .kuai{ + width: 200px; + height: 200px; + background-color: pink; + position: relative; + animation: move 1s linear infinite; + padding-left: 50px; + float: right; + + } .block { width: 500px; + height: 500px; background-color: #65b4ae; white-space: nowrap; overflow: hidden; } + #egg{ + width: 800px; + height: 500px; + background-color: #ddd; + white-space: nowrap; + overflow: hidden; + } .words { position: relative; width: fit-content; @@ -28,7 +48,17 @@ right:-100%; content:attr(text); } + .mu{ + + color: red; + position: relative; + width: fit-content; + float: right; + animation:move 2s linear infinite; + padding-left:100px; + + } @keyframes move { 0% { transform: translateX(0); @@ -44,6 +74,16 @@

HOW YOU LIKE THAT

+
+ +
+ + +
+

太帅了

+

有点恶心啊

+

能不能先死一下

+ \ No newline at end of file -- Gitee From ab77f4777e82afaacf18cd993e2441109094a93f Mon Sep 17 00:00:00 2001 From: pppppppppppppppp Date: Thu, 26 Sep 2024 11:35:29 +0800 Subject: [PATCH 4/6] jjj --- ...27\344\275\223\345\261\236\346\200\247.md" | 0 ...45\222\214\345\255\227\344\275\223work.md" | 143 ++++++++++++++++++ 2 files changed, 143 insertions(+) create mode 100644 "\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" create mode 100644 "\351\202\271\346\260\270\346\266\233/homework/20240926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223work.md" 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 0000000..e69de29 diff --git "a/\351\202\271\346\260\270\346\266\233/homework/20240926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223work.md" "b/\351\202\271\346\260\270\346\266\233/homework/20240926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223work.md" new file mode 100644 index 0000000..d0426ba --- /dev/null +++ "b/\351\202\271\346\260\270\346\266\233/homework/20240926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223work.md" @@ -0,0 +1,143 @@ +``` + + + + + + + Document + + + +

what can i say

+ +
+

这是文章的第一段。

+

这是文章的第二段。

+
+ +
+ 这是一首诗。 +
+ 每个字都充满了情感，每个词都蕴含着深意。 +
+ +
+ 这是一条新闻。请根据屏幕宽度调整文本样式。 +
+ +
+ 这是一个引用文本。它应该看起来像是从某本书中摘录的。 +
+ +

这段文本将闪烁。

+ + + + +``` \ No newline at end of file -- Gitee From 6996d542e66ca7e7aa0b04a00207d2fba9d181fb Mon Sep 17 00:00:00 2001 From: pppppppppppppppp Date: Thu, 26 Sep 2024 11:36:53 +0800 Subject: [PATCH 5/6] jjj --- ...27\344\275\223\345\261\236\346\200\247.md" | 38 +++++++++++++++++++ 1 file changed, 38 insertions(+) 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" index e69de29..4b34aea 100644 --- "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" @@ -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 -- Gitee From c6d1e7d06d1bfa30c3016203955ef13ffa1645ec Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 30 Sep 2024 17:31:46 +0800 Subject: [PATCH 6/6] 0930 --- ...76\347\211\207\350\203\214\346\231\257.md" | 18 ++ ...14\346\231\257\346\240\267\345\274\217.md" | 203 ++++++++++++++++++ 2 files changed, 221 insertions(+) create mode 100644 "\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" create mode 100644 "\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" 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 0000000..7988426 --- /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/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 0000000..7f1343d --- /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 -- Gitee