“Color”

Topic Overview

The Anatomy of Style

Select and Declare Elements and Rules Property and Value The Anatomy of Style TODO

Style Guide

Where to Style The Style Element The Style Attribute The Style Document TODO

CSS Documents

Directory Placement The <link> Tag Relationship Type Href The <link> Element TODO

CSS Applied

Comments in CSS Understanding Styling Applying Style TODO

Selector Types

Universal Selectors Element Selectors Class Selectors ID Selectors TODO

Chaining Selectors

Direct Chaining Child Selector Descendent Selector Adjacent Sibling Selector General Sibling Selector TODO

Cascading

Cascading in CSS Rules Order Specificity Setting Importance TODO

Inheritance

Who Inherits What They Get TODO

Exploring Color

Specifying Color Color Names RGB Values Hex Codes Saturated Color Desaturated Color (Grayscale) Combining Colors Color in Atom TODO

Using Color

Background Color Text Color Opacity Basic Positioning Learn More TODO

Property and Value

Inside the declaration, you specify how to style the selected element with property-value pairs.

The pair is separated with a colon (:).

Additional declarations are separated with a semicolon (;), and are typically placed on new lines.

Property

The property is the aspect about the element that you want to change, i.e. list items or paragraphs.

Value

The value defines how to change a property; for example, color and placement.

CSS

p {
    property1: value;
    property-2: value;
}

NOTE: As a rule, there should be no spaces in your property or your value. Each will be a non-breaking set of characters, with multi-word properties created using hyphens (-).