chore(i18n,curriculum): update translations (#43267)
This commit is contained in:
@ -21,7 +21,7 @@ img {
|
||||
|
||||
给 `h4` 标签添加 `height` 属性并将属性值设置为 25px。
|
||||
|
||||
**注意:**可能需要将浏览器的缩放比调整为 100% 才能通过这一挑战。
|
||||
**注意:** 可能需要将浏览器的缩放比调整为 100% 才能通过这一挑战。
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@ -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()` 描述颜色的例子,颜色都为满饱和度,中等亮度:
|
||||
|
||||
|
@ -22,7 +22,7 @@ p {
|
||||
|
||||
把元素的位置设置成相对,并不会改变该元素在布局中所占的位置,也不会对其它元素的位置产生影响。
|
||||
|
||||
**注意:**定位可以使页面布局更灵活、高效。 不管元素的定位是怎样的,HTML 标记在从上到下阅读起来时应该是整洁的、有意义的。 这样可以让视障人士(重度依赖辅助设备比如屏幕阅读软件的人们)也能够无障碍地浏览你的网页。
|
||||
**注意:** 定位可以使页面布局更灵活、高效。 不管元素的定位是怎样的,HTML 标记在从上到下阅读起来时应该是整洁的、有意义的。 这样可以让视障人士(重度依赖辅助设备比如屏幕阅读软件的人们)也能够无障碍地浏览你的网页。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -15,7 +15,7 @@ dashedName: create-a-horizontal-line-using-the-hr-element
|
||||
|
||||
在卡片标题元素 `h4` 下方添加一个 `hr` 标签。
|
||||
|
||||
**注意:**HTML 中的 `hr` 是自闭合标签,所以我们不需要为它添加结束标签。
|
||||
**注意:** HTML 中的 `hr` 是自闭合标签,所以我们不需要为它添加结束标签。
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@ -21,7 +21,7 @@ dashedName: learn-about-complementary-colors
|
||||
|
||||
现在,很多在线选色工具也为我们提供了寻找补色的功能。
|
||||
|
||||
**注意:**对于颜色相关的挑战:颜色搭配是提起用户兴趣或吸引用户注意的重要方式之一。 但我们不应让颜色作为传达重要信息的唯一方式,因为视觉障碍用户可能无法像其他人一样看出其中的含义。 我们将会在应用无障碍章节进行详细介绍。
|
||||
**注意:** 对于颜色相关的挑战:颜色搭配是提起用户兴趣或吸引用户注意的重要方式之一。 但我们不应让颜色作为传达重要信息的唯一方式,因为视觉障碍用户可能无法像其他人一样看出其中的含义。 我们将会在应用无障碍章节进行详细介绍。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -19,7 +19,7 @@ p:hover {
|
||||
}
|
||||
```
|
||||
|
||||
**注意:**给 `div` 元素添加 transform 也会影响这个 div 包裹的子元素。
|
||||
**注意:** 给 `div` 元素添加 transform 也会影响这个 div 包裹的子元素。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
Reference in New Issue
Block a user