From ce17cd4d9f84252effddc6e678880039f57d4ecb Mon Sep 17 00:00:00 2001 From: Christina <42250869+Christina-Faulkner@users.noreply.github.com> Date: Tue, 13 Nov 2018 22:22:43 -0600 Subject: [PATCH] Fixed 3 typos (#26308) --- guide/english/css/colors/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/guide/english/css/colors/index.md b/guide/english/css/colors/index.md index 9a3be3fbf2..02b4db360c 100644 --- a/guide/english/css/colors/index.md +++ b/guide/english/css/colors/index.md @@ -93,7 +93,7 @@ h2 { } ``` -You can also add an alpha value, or transparency to colors. Transparency allows text to be overlaid on an image and stil have the image partially viewable through the text, or can be used to change the shade of the colour if no other elements are in front or behind the text. Use `rgba()` or `hsla()` and fill in your color values. The alpha value goes last and is a percent converted to a decimal. (For example, 20% is 0.2, 75% is 0.75, etc.) +You can also add an alpha value, or transparency to colors. Transparency allows text to be overlaid on an image and still have the image partially viewable through the text, or can be used to change the shade of the colour if no other elements are in front or behind the text. Use `rgba()` or `hsla()` and fill in your color values. The alpha value goes last and is a percent converted to a decimal. (For example, 20% is 0.2, 75% is 0.75, etc.) ```css body { @@ -101,7 +101,7 @@ body { } ``` -Above shows paragraphs styled bright orange and 20% transparent, h2 elements a salmon pink, and the body's background bright blue. +Above shows paragraphs styled bright orange and 20% transparent, h2 elements salmon pink, and the body's background bright blue. To get custom colors to use in CSS, you might find a color picker helpful. Some text editors have built-in color pickers, like Visual Studio Code. If you search "color picker" on Google or DuckDuckGo, you will get a color picker that you can use. Google Chrome and Firefox also have color picker add-ons that you can install. Adobe Color CC not only helps you pick a color, but will also help you pick out a color scheme for your web page! It's a good idea to check that you have enough contrast between your text and background colors by using a tool like WebAIM's Color Contrast Checker.