Listen carefully Write what we should do under the 'SHOULD DO'colur
and what we should not do under the 'SHOULD NOT DO' column.
LISTEN AND TELL
SHOULD NOT DO
SHOULD DO
Answers
Explanation:
The use of color is a fundamental form of human expression. Children experiment with color before they even have the manual dexterity to draw. Maybe that's why color is one of the first things people often want to experiment with when learning to develop websites. With CSS, there are lots of ways to add color to your HTML elements to create just the look you want. This article is a primer introducing each of the ways CSS color can be used in HTML.
Fortunately, adding color to your HTML is actually really easy to do, and you can add color to nearly anything.
We're going to touch on most of what you'll need to know when using color, including a list of what you can color and what CSS properties are involved, how you describe colors, and how to actually use colors both in stylesheets and in scripts. We'll also take a look at how to let the user pick a color.
Then we'll wrap things up with a brief discussion of how to use color wisely: how to select appropriate colors, keeping in mind the needs of people with differing visual capabilities.
Things that can have color
At the element level, everything in HTML can have color applied to it. Instead, let's look at things in terms of the kinds of things that are drawn in the elements, such as text and borders and so forth. For each, we'll see a list of the CSS properties that apply color to them.
At a fundamental level, the color property defines the foreground color of an HTML element's content and the background-color property defines the element's background color. These can be used on just about any element.
Text
Whenever an element is rendered, these properties are used to determine the color of the text, its background, and any decorations on the text.
color
The color to use when drawing the text and any text decorations (such as the addition of under- or overlines, strike-through lines, and so forth.
background-color
The text's background color.
text-shadow
Configures a shadow effect to apply to text. Among the options for the shadow is the shadow's base color (which is then blurred and blended with the background based on the other parameters). See Text drop shadows in Fundamental text and font styling to learn more.
text-decoration-color
By default, text decorations (such as underlines, strikethroughs, etc) use the color property as their colors. However, you can override that behavior and use a different color for them with the text-decoration-color property.
text-emphasis-color
The color to use when drawing emphasis symbols adjacent to each character in the text. This is used primarily when drawing text for East Asian languages.
caret-color
The color to use when drawing the caret (sometimes referred to as the text input cursor) within the element. This is only useful in elements that are editable, such as <input> and <textarea> or elements whose HTML contenteditable attribute is set.
Boxes
Every element is a box with some sort of content, and has a background and a border in addition to whatever contents the box may have.
Borders
See the section Borders for a list of the CSS properties you can use to set the colors of a box's borders.
background-color
The background color to use in areas of the element that have no foreground content.
column-rule-color
The color to use when drawing the line separating columns of text.
outline-color
The color to use when drawing an outline around the outside of the element. This outline is different from the border in that it doesn't get space set aside for it in the document (so it may overlap other content). It's generally used as a focus indicator, to show which element will receive input events.
Borders
Any element can have a border drawn around it. A basic element border is a line drawn around the edges of the element's content. See Box properties in The box model to learn about the relationship between elements and their borders, and the article Styling borders using CSS to learn more about applying styles to borders.
You can use the border shorthand property, which lets you configure everything about the border in one shot (.