diff --git "a/\350\202\226\347\277\224/2024-0904-\347\231\276\345\272\246\346\226\260\351\227\273.html" "b/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0904-\347\231\276\345\272\246\346\226\260\351\227\273.html" similarity index 100% rename from "\350\202\226\347\277\224/2024-0904-\347\231\276\345\272\246\346\226\260\351\227\273.html" rename to "\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0904-\347\231\276\345\272\246\346\226\260\351\227\273.html" diff --git "a/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0919-\350\241\250\345\215\225.html" "b/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0919-\350\241\250\345\215\225.html" new file mode 100644 index 0000000000000000000000000000000000000000..c06c6e5efe831af1e98486d8e20e8a12fc25ae80 --- /dev/null +++ "b/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0919-\350\241\250\345\215\225.html" @@ -0,0 +1,27 @@ + + + + + Document + + + +
+ + + + + + + + +
+ +
+ 你是谁? +

我是man

+
+ + + + \ No newline at end of file diff --git "a/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0926-\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\347\273\203\344\271\240.html" "b/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0926-\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\347\273\203\344\271\240.html" new file mode 100644 index 0000000000000000000000000000000000000000..ca0a177e6630d145b6ec80fcd9ba91cf2da68ef8 --- /dev/null +++ "b/\350\202\226\347\277\224/\344\275\234\344\270\232/2024-0926-\346\226\207\346\234\254\346\240\267\345\274\217\347\273\274\345\220\210\347\273\203\344\271\240.html" @@ -0,0 +1,71 @@ + + + + + Document + + + + + +

daydayup

+----------------------------------------------------------------------------------------------------------------------------------- + + + + +
+

这是文章的第一段。

+

这是文章的第二段。

+
+----------------------------------------------------------------------------------------------------------------------------------- + + +
+ hello man ! what can i say???
+ hello women +
+ + \ No newline at end of file diff --git "a/\350\202\226\347\277\224/\344\275\234\344\270\232/\346\273\232\345\212\250.html" "b/\350\202\226\347\277\224/\344\275\234\344\270\232/\346\273\232\345\212\250.html" new file mode 100644 index 0000000000000000000000000000000000000000..bde2d3772ba02bbde0d8084f37c1a21630aa4309 --- /dev/null +++ "b/\350\202\226\347\277\224/\344\275\234\344\270\232/\346\273\232\345\212\250.html" @@ -0,0 +1,11 @@ + + + + + Document + + + + 你好,你好,你好你好你好,我的头发是真发,如果是假发,早就扯掉啦。 + + \ No newline at end of file diff --git "a/\350\202\226\347\277\224/\347\205\247\351\252\227/\346\226\207\346\234\254\346\240\267\345\274\217.png" "b/\350\202\226\347\277\224/\347\205\247\351\252\227/\346\226\207\346\234\254\346\240\267\345\274\217.png" new file mode 100644 index 0000000000000000000000000000000000000000..0a523ec3f0577034e3a016fd0c92ce2aa7cf0530 Binary files /dev/null and "b/\350\202\226\347\277\224/\347\205\247\351\252\227/\346\226\207\346\234\254\346\240\267\345\274\217.png" differ diff --git "a/\350\202\226\347\277\224/\347\205\247\351\252\227/\346\273\232\345\212\250.png" "b/\350\202\226\347\277\224/\347\205\247\351\252\227/\346\273\232\345\212\250.png" new file mode 100644 index 0000000000000000000000000000000000000000..07bb0cf6e6e6b5fae8dc7651b7c1eb68aa7d5d30 Binary files /dev/null and "b/\350\202\226\347\277\224/\347\205\247\351\252\227/\346\273\232\345\212\250.png" differ diff --git "a/\350\202\226\347\277\224/\347\254\224\350\256\260/2024-0923-\346\273\232\345\212\250\347\216\251\346\263\225.md" "b/\350\202\226\347\277\224/\347\254\224\350\256\260/2024-0923-\346\273\232\345\212\250\347\216\251\346\263\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..4c7a558f6eac2c3e9f762906cf49a16d539fa597 --- /dev/null +++ "b/\350\202\226\347\277\224/\347\254\224\350\256\260/2024-0923-\346\273\232\345\212\250\347\216\251\346\263\225.md" @@ -0,0 +1,13 @@ +## 滚动玩法 + 1. behavior="属性值":行为方式,属性值可以为:slide(只移动一次),scroll(循环移动,默认值),alternate(也是循环移动) + 二者的区别是:例如:scroll移动方向为一直向左二alternate则为左右左...。 + 2. direction="属性值":移动方向,可以为left(向左)right(向右)down(向下)up(向上)等等 + 3. loop=“属性值”:循环次数,当属性值为负数时为无限循环 + 4. scrolldelay="属性值":移动一次休息时间,单位是毫秒 + ## 效果及主要代码 + ![你好](../照骗/滚动.png) + +``` + html + 你好,你好,你好你好你好,我的头发是真发,如果是假发,早就扯掉啦。 +``` \ No newline at end of file diff --git "a/\350\202\226\347\277\224/\347\254\224\350\256\260/2024-0926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223\345\261\236\346\200\247\345\217\212\347\216\251\346\263\225.md" "b/\350\202\226\347\277\224/\347\254\224\350\256\260/2024-0926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223\345\261\236\346\200\247\345\217\212\347\216\251\346\263\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..cde56b4300850e53030cb0584faeaf96ca6e50f1 --- /dev/null +++ "b/\350\202\226\347\277\224/\347\254\224\350\256\260/2024-0926-\346\226\207\346\234\254\345\222\214\345\255\227\344\275\223\345\261\236\346\200\247\345\217\212\347\216\251\346\263\225.md" @@ -0,0 +1,115 @@ +# 字体属性和文本属性 +## css的单位 +html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 +**CSS中的单位是必须要写的**,因为它没有默认单位。 + +### 绝对单位 + +1 `in`=2.54`cm`=25.4`mm`=72`pt`=6`pc`。 + +各种单位的含义: + +- `in`:英寸Inches (1 英寸 = 2.54 厘米) +- `cm`:厘米Centimeters +- `mm`:毫米Millimeters +- `pt`:点Points,或者叫英镑 (1点 = 1/72英寸) +- `pc`:皮卡Picas (1 皮卡 = 12 点) +---- +### 相对单位 + +`px`:像素 +`em`:印刷单位相当于12个点 +`%`:百分比,相对周围的文字的大小 + +## font 字体属性 + font-size: 50px; /*字体大小*/ + line-height: 30px; /*行高*/ + font-family: 幼圆,黑体; /*字体类型:如果没有幼圆就显示黑体,没有黑体就显示默认*/ + font-style: italic ; /*italic表示斜体,normal表示不倾斜*/ + font-weight: bold; /*粗体*/ + font-variant: small-caps; /*小写变大写*/ + + ## 文本属性 + +CSS样式中,常见的文本属性有以下几种: + +- `letter-spacing: 0.5cm ;` 单个字母之间的间距 +- `word-spacing: 1cm;` 单词之间的间距 +- `text-decoration: none;` 字体修饰:none 去掉下划线、**underline 下划线**、line-through 中划线、overline 上划线 +- `color:red;` 字体颜色 +- `text-align: center;` 在当前容器中的对齐方式。属性值可以是:left、right、center、justify +- `text-transform: lowercase;` 单词的字体大小写。属性值可以是:`uppercase`(单词大写)、`lowercase`(单词小写)、`capitalize`(每个单词的首字母大写) + +### 行高 + +CSS中,所有的行,都有行高。盒子模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。 +**注意<p>标签;具有行高,而<span>标签是行内元素;没有行高,若想要为<span>标签设置行高要加` display: inline-block; `属性 + +### 效果及主要代码 +![你好](../照骗/文本样式.png) +```html + + + + + +

daydayup

+----------------------------------------------------------------------------------------------------------------------------------- + + + + +
+

这是文章的第一段。

+

这是文章的第二段。

+
+----------------------------------------------------------------------------------------------------------------------------------- + + +
+ hello man ! what can i say???
+ hello women +
+```