gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore(i18n,curriculum): update translations (#44524)

Browse Source
This commit is contained in:
camperbot
2021-12-18 20:00:08 +05:30
committed by GitHub
parent f1bb7b9091
commit 14fe1fe653
15 changed files with 45 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
curriculum/challenges/chinese/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.md
View File

@@ -17,7 +17,7 @@ dashedName: use-headings-to-show-hierarchical-relationships-of-content
在使用中，相同级别（或者更高级别）的标题标签用于开启新的章节，低一级别的标题标签用于开启上一级标题标签的子小节。
比如说，如果我们在一个 `h2` 标签后加上若干由 `h4` 标签引导的页面。 此时发生了层级的错位，这会让使用屏幕阅读器的用户感到困惑。 尽管在浏览器所显示的页面中，错误地使用这六个标题标签依然可以让它们在视觉效果上看起来很合理。 但此时，我们应该按照层级正确地使用标签，然后用 CSS 来调整样式。
例如，一个页面带有一个 `h2` 元素，后面跟着几个用 `h4` 元素标记的小节，这会使屏幕阅读器用户感到困惑。 尽管在浏览器所显示的页面中，错误地使用这六个标题标签依然可以让它们在视觉效果上看起来很合理。 但此时，我们应该按照层级正确地使用标签，然后用 CSS 来调整样式。
最后一点，每个页面应只有一个 `h1` 标签，用来概括说明页面的主题。 另外，这六个标题标签可以让搜索引擎获取页面的大纲。
@@ -27,7 +27,7 @@ Camper Cat 希望他的网站有一个介绍如何成为忍者的页面。 帮
# --hints--
应存在 6 个 `h3` 标签。
你的代码应该有 6 个 `h3` 元素。
```js
assert($('h3').length === 6);
@@ -39,7 +39,7 @@ assert($('h3').length === 6);
assert((code.match(/\/h3/g) || []).length === 6);
```
不应该存在 `h5` 标签.
你的代码不应包含任何 `h5` 元素。
```js
assert($('h5').length === 0);

9
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-heading-element-versus-a-paragraph-element.md
View File

@@ -1,6 +1,6 @@
---
id: 587d781b367417b2b2512abd
title: 调整标题与段落的大小
title: 调整标题元素与段落元素的大小
challengeType: 0
videoUrl: 'https://scrimba.com/c/c3bRPTz'
forumTopicId: 301037
@@ -9,15 +9,15 @@ dashedName: adjust-the-size-of-a-heading-element-versus-a-paragraph-element
# --description--
标题标签的字体大小（从 `h1` 到 `h6`）一般应该大于段落标签的字体大小。 这使用户更容易在视觉上了解页面上所有内容的布局和重要程度。 你可以使用 `font-size` 属性来设置元素内文字的大小。
标题元素（`h1` 到 `h6`）的字体大小通常应大于段落标签的字体大小。 这使用户更容易直观地了解页面上所有内容的布局和重要性级别。 你可以使用 `font-size` 属性来调整元素中文本的大小。
# --instructions--
把 `h4` 标签的 `font-size` 的属性值改成 27px，让标题更醒目。
要使标题明显大于段落，请将 `h4` 元素的 `font-size` 更改为 27 像素。
# --hints--
应给 `h4` 元素添加一个 `font-size` 属性并将属性值设置为 27px。
你的代码应该将 `font-size` 属性添加到设置为 27 像素的 `h4` 元素。
```js
assert($('h4').css('font-size') == '27px');
@@ -116,3 +116,4 @@ assert($('h4').css('font-size') == '27px');
</div>
</div>
```

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md
View File

@@ -9,7 +9,7 @@ dashedName: create-a-more-complex-shape-using-css-and-html
# --description--
世界上最流行的形状非心形莫属了，在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素 `::before` 和 `::after`。 伪元素可以在所选元素之前或之后添加一些内容。 在下面的代码中，`::before` 伪元素用来给 class 为 `heart` 的元素添加一个正方形：
世界上最流行的形状非心形莫属了，在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素 `::before` 和 `::after`。 `::before` 创建一个伪元素，它是所选元素的第一个子元素； `::after` 创建一个伪元素，它是所选元素的最后一个子元素。 在下面的代码中，`::before` 伪元素用来给 class 为 `heart` 的元素添加一个正方形：
```css
.heart::before {

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.md
View File

@@ -13,7 +13,7 @@ dashedName: create-visual-balance-using-the-text-align-property
web 内容大部分都是文本。 CSS 里面的 `text-align` 属性可以控制文本的对齐方式。
`text-align: justify;` 可以让除最后一行之外的文字两端对齐，即每行的左右两端都紧贴行的边缘。
`text-align: justify;` 将文本隔开，使每行的宽度相等。
`text-align: center;` 可以让文本居中对齐。

2
curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md
View File

@@ -18,7 +18,7 @@ dashedName: build-a-tribute-page
**需求 2：** 此 app 中应存在一个 `id="title"` 的元素，其中包含描述致敬页主题的字符串文本，如 "Dr. Norman Borlaug"。
**需求 3：** 此 app 中应存在一个 `id="img-div"` 的 `div` 元素。
**需求 3：** 此 app 中应存在一个 `id="img-div"` 的 `figure` 或 `div` 元素。
**需求 4：** 在 `img-div` 元素内，应存在一个 `id="image"` 的 `img` 元素。