update
This commit is contained in:
@@ -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 {
|
|||||||
|
|
||||||
或许有人会感到美中不足,白鹭不会唱歌。但是白鹭的本身不就是一首很优美的歌吗?—— 不,歌未免太铿锵了。
|
或许有人会感到美中不足,白鹭不会唱歌。但是白鹭的本身不就是一首很优美的歌吗?—— 不,歌未免太铿锵了。
|
||||||
|
|
||||||
白鹭实在是一首诗,一首韵在骨子里的散文诗。
|
白鹭实在是一首诗,一首韵在骨子里的散文诗。
|
||||||
|
|||||||
Reference in New Issue
Block a user