From 81ed0814b8512b31330ae5458c115ce6b64bedbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E6=85=A7=E5=A9=B7?=
 <14091808+dont-like-lamian-noodles@user.noreply.gitee.com>
Date: Sun, 29 Sep 2024 21:44:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20240923-\346\213\226\346\213\275.md"     |  4 +++
 .../20240926-css\345\261\236\346\200\247.md"  | 19 +++++++++++
 ...\345\222\214\350\243\205\351\245\260.html" | 23 +++++++++++++
 ...\347\211\210\350\256\276\350\256\241.html" | 29 +++++++++++++++++
 ...54\346\225\210\346\236\234\345\233\276.md" |  2 ++
 ...\345\272\224\350\256\276\350\256\241.html" | 32 +++++++++++++++++++
 ...\345\220\210\350\256\276\350\256\241.html" | 23 +++++++++++++
 ...\350\267\221\351\251\254\347\201\257.html" | 13 ++++++++
 ...57\346\225\210\346\236\234\345\233\276.md" |  1 +
 9 files changed, 146 insertions(+)
 create mode 100644 "\351\255\217\346\205\247\345\251\267/20240923-\346\213\226\346\213\275.md"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/20240926-css\345\261\236\346\200\247.md"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\345\257\271\351\275\220\345\222\214\350\243\205\351\245\260.html"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\216\222\347\211\210\350\256\276\350\256\241.html"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\225\210\346\236\234\345\233\276.md"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\345\223\215\345\272\224\350\256\276\350\256\241.html"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\350\256\276\350\256\241.html"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257.html"
 create mode 100644 "\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257\346\225\210\346\236\234\345\233\276.md"

diff --git "a/\351\255\217\346\205\247\345\251\267/20240923-\346\213\226\346\213\275.md" "b/\351\255\217\346\205\247\345\251\267/20240923-\346\213\226\346\213\275.md"
new file mode 100644
index 0000000..c191adc
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/20240923-\346\213\226\346\213\275.md"
@@ -0,0 +1,4 @@
++ `ondragstart`当拖拽开始时调用
++ `ondrageave`当鼠标离开拖拽元素时调用
++ `ondragend`当拖拽结束时调用
++ `ondrag`整个拖拽过程都会调用
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/20240926-css\345\261\236\346\200\247.md" "b/\351\255\217\346\205\247\345\251\267/20240926-css\345\261\236\346\200\247.md"
new file mode 100644
index 0000000..cc31ee9
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/20240926-css\345\261\236\346\200\247.md"
@@ -0,0 +1,19 @@
+### 文本属性
++ color: 设置文本颜色。
++ font-family: 设置文本的字体。
++ font-size: 设置文本的大小。
++ font-weight: 设置字体的粗细。
++ text-align: 设置文本的对齐方式（如左对齐、右对齐、居中对齐）。
++ text-decoration: 设置文本的装饰（如下划线、删除线、上划线）。
+### 背景属性
++ background-color: 设置元素的背景颜色。
++ background-image: 设置元素的背景图像。
++ background-repeat: 设置背景图像是否重复以及如何重复。
++ background-position: 设置背景图像的位置。
++ background-size: 设置背景图像的大小。
+### 盒模型属性
++ width: 设置元素的宽度。
++ height: 设置元素的高度。
++ padding: 设置元素内容与边框之间的空间。
++ argin: 设置元素与其他元素之间的空间。
++ border: 设置元素的边框。
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\345\257\271\351\275\220\345\222\214\350\243\205\351\245\260.html" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\345\257\271\351\275\220\345\222\214\350\243\205\351\245\260.html"
new file mode 100644
index 0000000..60d25fc
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\345\257\271\351\275\220\345\222\214\350\243\205\351\245\260.html"
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .poem{
+            text-align: justify;
+            color: darkblue;
+            text-transform: capitalize;
+        }
+        .poem::first-line{
+            color: darkred;
+        }
+    </style>
+</head>
+<body>
+    <div class="poem">
+        这是一首诗。每个字都充满了情感，每个词都蕴含着深意。
+      </div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\216\222\347\211\210\350\256\276\350\256\241.html" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\216\222\347\211\210\350\256\276\350\256\241.html"
new file mode 100644
index 0000000..a0a0265
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\216\222\347\211\210\350\256\276\350\256\241.html"
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>       
+        .article p {
+            color: darkgray;
+            font-size: 16px;
+            line-height: 1.5;
+            text-indent: 2em;
+        }
+        .article p::first-letter{
+            font-size: 24px;
+            font-weight: bolder;
+        }
+  
+
+  
+    </style>
+</head>
+<body>
+    <article class="article">
+        <p>这是文章的第一段。</p>
+        <p>这是文章的第二段。</p>
+      </article>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\225\210\346\236\234\345\233\276.md" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\225\210\346\236\234\345\233\276.md"
new file mode 100644
index 0000000..775ff25
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\225\210\346\236\234\345\233\276.md"
@@ -0,0 +1,2 @@
+![alt 1](http://wht.woshixiaoshuai.cn/photo/文本效果图1.png)
+![alt 2](http://wht.woshixiaoshuai.cn/photo/文本效果图2.png)
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\345\223\215\345\272\224\350\256\276\350\256\241.html" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\345\223\215\345\272\224\350\256\276\350\256\241.html"
new file mode 100644
index 0000000..805ab09
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\345\223\215\345\272\224\350\256\276\350\256\241.html"
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+       @media(max-width:599){
+        .news{
+            font-size: 14px;
+            line-height: 1.2;
+        }
+       }
+       @media (min-width: 600px) and (max-width: 900px) {  
+        .news {  
+            font-size: 16px;  
+            line-height: 1.4;  
+        }  
+        @media (min-width: 901px) {  
+        .news {  
+            font-size: 18px;  
+            line-height: 1.6;  
+        }  
+
+    </style>
+</head>
+<body>
+    <div class="news">
+        这是一条新闻。请根据屏幕宽度调整文本样式。
+      </div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\350\256\276\350\256\241.html" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\350\256\276\350\256\241.html"
new file mode 100644
index 0000000..7fade7e
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\350\256\276\350\256\241.html"
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        .highlight{
+            color: goldenrod;
+            background-color: black;
+            text-transform: capitalize;
+            text-indent: 20px;
+        }
+        .highlight:hover{
+            color: white;
+            background-color: darkgrey;
+        }
+    </style>
+</head>
+<body>
+    <p class="highlight">这是一段需要高亮显示的文本。</p>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257.html" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257.html"
new file mode 100644
index 0000000..233fc18
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257.html"
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>跑马灯</title>
+</head>
+<body>
+    <marquee>哈哈哈哈哈哈哈哈</marquee>
+    <marquee direction="up"><font size="10" color="#6fc3df"><strong>哈哈哈哈哈哈哈哈</strong></font></marquee>
+    <marquee width="400px" height="400px" behavior="alternate" bgcolor="pink" direction="down" scrollamount="15"><font color="white" size="6"><marquee behavior="alternate">哈哈哈哈哈哈哈哈</marquee></font></marquee>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257\346\225\210\346\236\234\345\233\276.md" "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257\346\225\210\346\236\234\345\233\276.md"
new file mode 100644
index 0000000..bc7ccc1
--- /dev/null
+++ "b/\351\255\217\346\205\247\345\251\267/\344\275\234\344\270\232/\350\267\221\351\251\254\347\201\257\346\225\210\346\236\234\345\233\276.md"
@@ -0,0 +1 @@
+![alt 跑马灯效果图](http://wht.woshixiaoshuai.cn/photo/跑马灯效果图.png)
\ No newline at end of file
-- 
Gitee