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-traditional/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-traditional/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-traditional/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-traditional/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-traditional/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` 元素。