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

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

Browse Source
This commit is contained in:
camperbot
2021-08-25 09:12:11 -07:00
committed by GitHub
parent 867044aa63
commit 673b1caa39
102 changed files with 451 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
View File

@ -21,7 +21,7 @@ img {
给 `h4` 标签添加 `height` 属性并将属性值设置为 25px。
**注意：**可能需要将浏览器的缩放比调整为 100% 才能通过这一挑战。
**注意：** 可能需要将浏览器的缩放比调整为 100% 才能通过这一挑战。
# --hints--

6
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
View File

@ -11,11 +11,11 @@ dashedName: adjust-the-hue-of-a-color
颜色具有多种特性，包括色相、饱和度和亮度。 CSS3 引入了 `hsl()` 做为颜色的描述方式。
**色相**是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 以颜色光谱为例，光谱左边从红色开始，移动到中间的绿色，一直到右边的蓝色，色相值就是沿着这条线的取值。 在 `hsl()` 里面，色相用色环来代替光谱，色相值就是色环里面的颜色对应的从 0 到 360 度的角度值。
**色相** 是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。 以颜色光谱为例，光谱左边从红色开始，移动到中间的绿色，一直到右边的蓝色，色相值就是沿着这条线的取值。 在 `hsl()` 里面，色相用色环来代替光谱，色相值就是色环里面的颜色对应的从 0 到 360 度的角度值。
**饱和度**是指色彩的纯度，也就是颜色里灰色的占比。 饱和度越高则灰色占比越少，色彩也就越纯；反之则完全是灰色。 饱和度的取值范围是表示灰色所占百分比的 0 至 100。
**饱和度** 是指色彩的纯度，也就是颜色里灰色的占比。 饱和度越高则灰色占比越少，色彩也就越纯；反之则完全是灰色。 饱和度的取值范围是表示灰色所占百分比的 0 至 100。
**亮度**决定颜色的明暗程度，也就是颜色里白色或者黑色的占比。 其中，100% 的亮度表示纯白色， 0% 的亮度则表示纯黑色；而 50% 的亮度就表示在色相中选取的颜色。
**亮度** 决定颜色的明暗程度，也就是颜色里白色或者黑色的占比。 其中，100% 的亮度表示纯白色， 0% 的亮度则表示纯黑色；而 50% 的亮度就表示在色相中选取的颜色。
下面是一些使用 `hsl()` 描述颜色的例子，颜色都为满饱和度，中等亮度:

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.md
View File

@ -22,7 +22,7 @@ p {
把元素的位置设置成相对，并不会改变该元素在布局中所占的位置，也不会对其它元素的位置产生影响。
**注意：**定位可以使页面布局更灵活、高效。 不管元素的定位是怎样的，HTML 标记在从上到下阅读起来时应该是整洁的、有意义的。 这样可以让视障人士（重度依赖辅助设备比如屏幕阅读软件的人们）也能够无障碍地浏览你的网页。
**注意：** 定位可以使页面布局更灵活、高效。 不管元素的定位是怎样的，HTML 标记在从上到下阅读起来时应该是整洁的、有意义的。 这样可以让视障人士（重度依赖辅助设备比如屏幕阅读软件的人们）也能够无障碍地浏览你的网页。
# --instructions--

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
View File

@ -15,7 +15,7 @@ dashedName: create-a-horizontal-line-using-the-hr-element
在卡片标题元素 `h4` 下方添加一个 `hr` 标签。
**注意：**HTML 中的 `hr` 是自闭合标签，所以我们不需要为它添加结束标签。
**注意：** HTML 中的 `hr` 是自闭合标签，所以我们不需要为它添加结束标签。
# --hints--

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.md
View File

@ -21,7 +21,7 @@ dashedName: learn-about-complementary-colors
现在，很多在线选色工具也为我们提供了寻找补色的功能。
**注意：**对于颜色相关的挑战：颜色搭配是提起用户兴趣或吸引用户注意的重要方式之一。 但我们不应让颜色作为传达重要信息的唯一方式，因为视觉障碍用户可能无法像其他人一样看出其中的含义。 我们将会在应用无障碍章节进行详细介绍。
**注意：** 对于颜色相关的挑战：颜色搭配是提起用户兴趣或吸引用户注意的重要方式之一。 但我们不应让颜色作为传达重要信息的唯一方式，因为视觉障碍用户可能无法像其他人一样看出其中的含义。 我们将会在应用无障碍章节进行详细介绍。
# --instructions--

2
curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.md
View File

@ -19,7 +19,7 @@ p:hover {
}
```
**注意：**给 `div` 元素添加 transform 也会影响这个 div 包裹的子元素。
**注意：** 给 `div` 元素添加 transform 也会影响这个 div 包裹的子元素。
# --instructions--