From 056a40b31ff155c9fb1478aea19c26dfaef725db Mon Sep 17 00:00:00 2001 From: yuetsh <517252939@qq.com> Date: Wed, 26 Feb 2025 10:23:08 +0800 Subject: [PATCH] update --- public/turtorial/01/README.md | 48 +++++++++++++++++++++++++++++++++-- src/components/Tutorial.vue | 2 +- 2 files changed, 47 insertions(+), 3 deletions(-) diff --git a/public/turtorial/01/README.md b/public/turtorial/01/README.md index 2946b78..ad430ad 100644 --- a/public/turtorial/01/README.md +++ b/public/turtorial/01/README.md @@ -41,6 +41,18 @@ h6 { } ``` +颜色的表示可以是英文，也可以是十六进制（注意前面有个井号），也可以是 RGB。 + +比如 +```css +h1 { + color: #333333; +} +h2 { + color: rgb(163, 174, 46); +} +``` + ## 段落 `

`表示段落 @@ -49,11 +61,43 @@ h6 {

月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。虽然是满月，天上却有一层淡淡的云，所以不能朗照；但我以为这恰是到了好处——酣眠固不可少，小睡也别有风味的。月光是隔了树照过来的，高处丛生的灌木，落下参差的斑驳的黑影，峭楞楞如鬼一般；弯弯的杨柳的稀疏的倩影，却又像是画在荷叶上。塘中的月色并不均匀；但光与影有着和谐的旋律，如梵婀玲上奏着的名曲。

``` -用`font-size`改变字体大小，`line-height`改变行高。注意单位是 px（像素） +用 `font-size` 改变字体大小，`line-height` 改变行高。注意单位是 px（像素） ```css p { font-size: 24px; line-height: 48px; + text-indent: 2em; } -``` \ No newline at end of file +``` + +`text-indent: 2em;` 表示首行缩进 2 个字符（单位不是 px，而是 em） + +## 任务 +完成《白鹭》散文的排版，要求： + +- 标题：字号 32px，颜色黑色; +- 每个段落字号 28px，颜色（#333），行间距 40px； + +### 文字材料 +白鹭 + +白鹭是一首精巧的诗。 + +色素的配合，身段的大小，一切都很适宜。 + +白鹤太大而嫌生硬，即如粉红的朱鹭或灰色的苍鹭，也觉得大了一些，而且太不寻常了。 + +然而白鹭却因为它的常见，而被人忘却了它的美。 + +那雪白的蓑毛，那全身的流线型结构，那铁色的长喙，那青色的脚，增之一分则嫌长，减之一分则嫌短，素之一忽则嫌白，黛之一忽则嫌黑。 + +在清水田里，时有一只两只白鹭站着钓鱼，整个的田便成了一幅嵌在玻璃框里的画。田的大小好像是有心人为白鹭设计的镜匣。 + +晴天的清晨，每每看见它孤独地站立在小树的绝顶，看来像不安稳，而它却很悠然。这是别的鸟很难表现的一种嗜好。人们说它是在望哨，可它真是在望哨吗？ + +黄昏的空中偶见白鹭的低飞，更是乡居生活中的一种恩惠。那是清澄的形象化，而且具有生命了。 + +或许有人会感到美中不足，白鹭不会唱歌。但是白鹭的本身不就是一首很优美的歌吗？—— 不，歌未免太铿锵了。 + +白鹭实在是一首诗，一首韵在骨子里的散文诗。 \ No newline at end of file diff --git a/src/components/Tutorial.vue b/src/components/Tutorial.vue index 1794829..40da3e8 100644 --- a/src/components/Tutorial.vue +++ b/src/components/Tutorial.vue @@ -3,7 +3,7 @@ - 教程 + 教程(测试版)