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