Selectors, Properties, and Colors

1. Selectors — Who are we styling?

Selectors tell CSS what HTML element you want to style.

In the example above:

• h1 is the selector (we’re styling the <h1> tag)

Try - What will this style affect?

Answer - All <p> (paragraph) tags.

2. Properties — What are we changing?

Properties are the style rules. They describe what you want to change.

Examples:

Question - What property would you use to center text?
Answer - text-align: center;

3. CSS Values — The “How” of Styling

Values tell CSS how to apply a property.

Property = What you`re changing
Value = How you want it changed

Example:

Common Value Types:

4. Colors (Add the vibe)

In CSS, you can style colors using: