chore(i18n,learn): processed translations (#45504)

curriculum/challenges/chinese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md

@@ -11,7 +11,7 @@ dashedName: change-a-variable-for-a-specific-area
 
 当你在 `:root` 里创建变量时，这些变量的作用域是整个页面。
 
-如果在元素里创建相同的变量，会重写作用于整个页面的变量的值。
+然后，你可以通过在一个特定的选择器中再次设置这些变量来重写这些变量。
 
 # --instructions--
 
@@ -27,7 +27,7 @@ assert(
 );
 ```
 
-`penguin` class 不应该包含 `background-color` 属性。
+`penguin` 类不应包含 `background-color` 属性。
 
 ```js
 assert(

curriculum/challenges/chinese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md

@@ -15,7 +15,7 @@ dashedName: create-a-custom-css-variable
 --penguin-skin: gray;
 ```
 
-这样就会创建一个 `--penguin-skin` 变量，它的值为 `gray`。 现在，其他元素可通过该变量来使元素变成灰色。
+这样就会创建一个 `--penguin-skin` 变量，它的值为 `gray`。 现在你可以在你的 CSS 中的其他地方使用这个变量来改变其他属性的值为灰色。
 
 # --instructions--
 

curriculum/challenges/chinese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md

@@ -77,7 +77,7 @@ assert(
 );
 ```
 
-`h1` 元素的字体颜色应继承 `body` 元素所设置的绿色。
+`h1` 元素应该继承 `body` 的 `green` 颜色属性。
 
 ```js
 assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md

@@ -15,7 +15,7 @@ CSS 变量可以简化媒体查询的定义方式。
 
 # --instructions--
 
-在 `media query`（媒体查询）声明的 `:root` 选择器里，重定义 `--penguin-size` 的值为 `200px`。 同时，重新定义 `--penguin-skin` 的值为 `black`， 然后通过缩放页面来查看它们是否生效。
+在媒体查询声明的 `:root` 选择器里，重定义 `--penguin-size` 的值为 `200px`。 同时，重新定义 `--penguin-skin` 的值为 `black`， 然后通过缩放页面来查看它们是否生效。
 
 # --hints--
 

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md

@@ -29,7 +29,7 @@ dashedName: use-abbreviated-hex-code
 assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
 ```
 
-应使用红色的 `hex code` 缩写形式，不应使用 `#FF0000`。
+应使用红色的缩写十六进制代码，而不是十六进制代码 `#FF0000`。
 
 ```js
 assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
@@ -41,7 +41,7 @@ assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
 assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
 ```
 
-应使用绿色的 `hex code` 缩写形式，不应使用 `#00FF00`。
+应使用绿色的缩写十六进制代码，而不是十六进制代码 `#00FF00`。
 
 ```js
 assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
@@ -53,7 +53,7 @@ assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
 assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
 ```
 
-应使用蓝绿色的 `hex code` 缩写形式，不应使用 `#00FFFF`。
+应使用青色的简写十六进制代码，而不是十六进制代码 `#00FFFF`。
 
 ```js
 assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
@@ -65,7 +65,7 @@ assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
 assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
 ```
 
-应使用紫红色的 `hex code` 缩写形式，不应使用 `#FF00FF`。
+应使用紫红色的简写十六进制代码，而不是十六进制代码 `#FF00FF`。
 
 ```js
 assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md

@@ -27,13 +27,13 @@ body {
 
 # --hints--
 
-`body` 元素的背景颜色应为黑色。
+`body` 元素的 `background-color` 应为黑色。
 
 ```js
 assert($('body').css('background-color') === 'rgb(0, 0, 0)');
 ```
 
-应使用 `hex code` 来替换 `black`。
+应该使用黑色的十六进制代码，而不是 `black` 这个词。
 
 ```js
 assert(