This commit is contained in:
2025-02-27 12:19:35 +08:00
parent ee57f1138b
commit 186f957a5f

View File

@@ -3,7 +3,6 @@
> [!NOTE] > [!NOTE]
> 这是测试的版本 > 这是测试的版本
## 标题 ## 标题
`h1``h6`,一共六级标题。 `h1``h6`,一共六级标题。
@@ -21,57 +20,60 @@
```css ```css
h1 { h1 {
color: red; color: red;
} }
h2 { h2 {
color: orange; color: orange;
} }
h3 { h3 {
color: yellow; color: yellow;
} }
h4 { h4 {
color: green; color: green;
} }
h5 { h5 {
color: blue; color: blue;
} }
h6 { h6 {
color: purple; color: purple;
} }
``` ```
颜色的表示可以是英文,也可以是十六进制(注意前面有个井号),也可以是 RGB。 颜色的表示可以是英文,也可以是十六进制(注意前面有个井号),也可以是 RGB。
比如 比如
```css ```css
h1 { h1 {
color: #333333; color: #333333;
} }
h2 { h2 {
color: rgb(163, 174, 46); color: rgb(163, 174, 46);
} }
``` ```
## 段落 ## 段落
`<p></p>`表示段落 `p` 表示段落
```html ```html
<p>月光如流水一般,静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样;又像笼着轻纱的梦。虽然是满月,天上却有一层淡淡的云,所以不能朗照;但我以为这恰是到了好处——酣眠固不可少,小睡也别有风味的。月光是隔了树照过来的,高处丛生的灌木,落下参差的斑驳的黑影,峭楞楞如鬼一般;弯弯的杨柳的稀疏的倩影,却又像是画在荷叶上。塘中的月色并不均匀;但光与影有着和谐的旋律,如梵婀玲上奏着的名曲。</p> <p>
月光如流水一般,静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样;又像笼着轻纱的梦。虽然是满月,天上却有一层淡淡的云,所以不能朗照;但我以为这恰是到了好处——酣眠固不可少,小睡也别有风味的。月光是隔了树照过来的,高处丛生的灌木,落下参差的斑驳的黑影,峭楞楞如鬼一般;弯弯的杨柳的稀疏的倩影,却又像是画在荷叶上。塘中的月色并不均匀;但光与影有着和谐的旋律,如梵婀玲上奏着的名曲。
</p>
``` ```
`font-size` 改变字体大小,`line-height` 改变行高。注意单位是 px像素 `font-size` 改变字体大小,`line-height` 改变行高。注意单位是 px像素
```css ```css
p { p {
font-size: 24px; font-size: 24px;
line-height: 48px; line-height: 48px;
text-indent: 2em; text-indent: 2em;
} }
``` ```
@@ -82,12 +84,14 @@ p {
标题和段落的简单美化。 标题和段落的简单美化。
### 要求 ### 要求
完成《白鹭》散文的排版: 完成《白鹭》散文的排版:
- 标题:使用 `h1` 标签,设置字号 32px颜色黑色; - 标题:使用 `h1` 标签,设置字号 32px颜色黑色;
- 每个段落:设置字号 28px颜色#333),行间距 40px首行缩进两字符 - 每个段落:设置字号 28px颜色#333),行间距 40px首行缩进两字符
### 文字材料 ### 文字材料
白鹭 白鹭
白鹭是一首精巧的诗。 白鹭是一首精巧的诗。
@@ -108,4 +112,4 @@ p {
或许有人会感到美中不足,白鹭不会唱歌。但是白鹭的本身不就是一首很优美的歌吗?—— 不,歌未免太铿锵了。 或许有人会感到美中不足,白鹭不会唱歌。但是白鹭的本身不就是一首很优美的歌吗?—— 不,歌未免太铿锵了。
白鹭实在是一首诗,一首韵在骨子里的散文诗。 白鹭实在是一首诗,一首韵在骨子里的散文诗。