Skip to content

Commit

Permalink
继续做调整
Browse files Browse the repository at this point in the history
  • Loading branch information
familyboat committed Oct 10, 2024
1 parent 52f80c3 commit 1a351aa
Showing 1 changed file with 6 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ p {

为了使代码发挥作用,我们仍需要将上面的 CSS 应用到 HTML 文档中。否则,这些样式不会改变 HTML 的外观。(如果你没有完成前几节的实践,请复习[处理文件](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files)[HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics)。)

1. 打开 `index.html` 文件,将下面一行粘贴到文档头部(也就是 {{HTMLElement("head")}} 和 `</head>` 标签之间)。
1. 打开 `index.html` 文件,在文档头部(也就是 {{HTMLElement("head")}} 和 `</head>` 标签之间)粘贴这行代码

```html
<link href="styles/style.css" rel="stylesheet" />
Expand All @@ -46,11 +46,11 @@ p {
整个结构称为**规则集***规则集*通常简称为*规则*),注意各个部分的名称:

- 选择器(Selector)
- : HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素(本例中就是 {{HTMLElement("p")}} 元素)。要给不同的元素添加样式,只需要更改选择器。
- : HTML 元素名位于规则集的开头。它选择了需要添加样式的元素(本例中就是 {{HTMLElement("p")}} 元素)。要给不同的元素添加样式,只需要更改选择器。
- 声明(Declaration)
- : 一条单独的规则,如 `color: red;` 用来指定要添加样式的元素**属性**
- : 它是一条单独的规则,如 `color: red;`。用来指定为元素的哪个**属性**添加样式
- 属性(Properties)
- : HTML 元素添加样式的方式(本例中 `color` 就是 {{htmlelement("p")}} 元素的属性)。在 CSS 中,选择你想在规则中操纵的属性
- : 它是为 HTML 元素添加样式的方式(本例中 `color` 就是 {{htmlelement("p")}} 元素的属性)。在 CSS 的规则中,选择你想操纵的属性
- 属性值(Property value)
- : 位于属性的右边,冒号后面即**属性值**。它从指定属性的众多外观中选择一个值(我们除了 `red` 之外还有很多属性值可以用于 `color` )。

Expand All @@ -72,7 +72,7 @@ p {

### 选择多个元素

也可以选择多个元素并为它们添加单个规则集。将不同的选择器用逗号分开。例如:
也可以选择多个元素并为它们添加单个规则集,多个选择器之间用逗号分隔。例如:

```css
p,
Expand Down Expand Up @@ -262,7 +262,7 @@ h1 {

接下来,我们将标题的上下内边距设置为 20 像素。

之后,我们将标题文本的背景颜色设置为和 HTML 一样的背景颜色
之后,我们将标题文本的背景颜色设置为和 HTML 的背景颜色一样的颜色

最后,`text-shadow` 对元素的文本内容施加阴影。它的四个值是:

Expand Down

0 comments on commit 1a351aa

Please sign in to comment.