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

chore(i8n,learn): processed translations

Browse Source
This commit is contained in:
Crowdin Bot
2021-02-06 04:42:36 +00:00
committed by Mrugesh Mohapatra
parent 15047f2d90
commit e5c44a3ae5
3274 changed files with 172122 additions and 14164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,63 +9,63 @@ dashedName: use-abbreviated-hex-code
# --description--
许多人对超过 1600 万种颜色感到不知所措，并且很难记住十六进制编码。幸运的是，它也提供缩写的方法。
许多人对超过 1600 万种颜色感到不知所措， 并且很难记住十六进制编码。 幸运的是，你可以使用缩写形式。
例如，红色的 `#FF0000` 十六进制编码可以缩写成 `#F00`。在这种缩写形式里，三个数字分别代表着红（R）、绿（G）、蓝（B）三原色。
例如，红色的 `#FF0000` 十六进制编码可以缩写成 `#F00`。 在这种缩写形式里，三个数字分别代表着红（R）、绿（G）、蓝（B）三原色。
这样，颜色的数量减少到了大约 4000 种。且在浏览器里 `#FF0000` 和 `#F00` 是完全相同的颜色。
这样，颜色的数量减少到了大约 4000 种。 且在浏览器里 `#FF0000` 和 `#F00` 是完全相同的颜色。
# --instructions--
接下来，使用缩写的十六进制编码给元素设置正确的颜色。
<table class='table table-striped'><tbody><tr><th>Color</th><th>Short Hex Code</th></tr><tr><td>Cyan</td><td><code>#0FF</code></td></tr><tr><td>Green</td><td><code>#0F0</code></td></tr><tr><td>Red</td><td><code>#F00</code></td></tr><tr><td>Fuchsia</td><td><code>#F0F</code></td></tr></tbody></table>
<table class='table table-striped'><tbody><tr><th>颜色</th><th>十六进制编码缩写形式</th></tr><tr><td>蓝绿色</td><td><code>#0FF</code></td></tr><tr><td>绿色</td><td><code>#0F0</code></td></tr><tr><td>红色</td><td><code>#F00</code></td></tr><tr><td>紫红色</td><td><code>#F0F</code></td></tr></tbody></table>
# --hints--
文本内容为 `I am red!` 的 `h1` 元素的字体颜色应该为红色。
文本内容为 `I am red!` 的 `h1` 元素的字体颜色 `color` 应该为红色。
```js
assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
```
应使用红色的十六进制编码的缩写形式，不应使用 `#FF0000`。
应使用红色的 `hex code` 缩写形式，不应使用 `#FF0000`。
```js
assert(code.match(/\.red-text\s*?{\s*?color:\s*?#F00\s*?;\s*?}/gi));
```
文本内容为 `I am green!` 的 `h1` 元素的字体颜色应该为绿色。
文本内容为 `I am green!` 的 `h1` 元素的字体颜色 `color` 应该为绿色。
```js
assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
```
应使用绿色的十六进制编码的缩写形式，不应使用 `#00FF00`。
应使用绿色的 `hex code` 缩写形式，不应使用 `#00FF00`。
```js
assert(code.match(/\.green-text\s*?{\s*?color:\s*?#0F0\s*?;\s*?}/gi));
```
文本内容为 `I am cyan!` 的 `h1` 元素的字体颜色应该为蓝绿色。
文本内容为 `I am cyan!` 的 `h1` 元素的字体颜色 `color` 应该为蓝绿色。
```js
assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
```
应使用蓝绿色的十六进制编码的缩写形式，不应使用 `#00FFFF`。
应使用蓝绿色的 `hex code` 缩写形式，不应使用 `#00FFFF`。
```js
assert(code.match(/\.cyan-text\s*?{\s*?color:\s*?#0FF\s*?;\s*?}/gi));
```
文本内容为 `I am fuchsia!` 的 `h1` 元素的字体颜色应该为紫红色。
文本内容为 `I am fuchsia!` 的 `h1` 元素的字体颜色 `color` 应该为紫红色。
```js
assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
```
应使用紫红色的十六进制编码的缩写形式，不应使用 `#FF00FF`。
应使用紫红色的 `hex code` 缩写形式，不应使用 `#FF00FF`。
```js
assert(code.match(/\.fuchsia-text\s*?{\s*?color:\s*?#F0F\s*?;\s*?}/gi));