Colors, Fonts, and Text Styling

What you will learn

• Recognize a few beginner text styling properties.
• Understand how color and font choices affect readability.
• Read simple CSS text rules in plain language.
• Make small text styling decisions without overcomplicating the page.

Why text styling matters

A page is easier to read when the text feels deliberate. Color, font choices, and text spacing all help people understand the page more quickly.

Beginner CSS does not need to be fancy. It only needs to improve clarity.

Readability first

Good text styling helps the page feel clearer, not louder.

Changing color and font

CSS can change text color with color and choose a font with font-family.

Those are small changes, but they strongly affect how polished or readable the page feels.

Two common starters

color and font-family are common first text styling properties.

Other simple text choices

Beginners also see text-align, font-size, and font-weight. These help control alignment, size, and emphasis.

The goal is not to memorize all text properties at once. The goal is to notice how small rules create a more readable page.

Keep the scope small

A few text properties are enough for a first page.

Read a tiny example

If CSS says h1 { color: navy; }, the heading text becomes navy. If it says p { font-size: 18px; }, the paragraph becomes larger.

That is the same selector-and-declaration pattern from the last lesson, now applied to readable text choices.

Same pattern, new result

The CSS structure stays the same even when the styling goal changes.

What to remember before lesson 5

Text styling is one of the fastest ways to make a page feel more intentional.

The next lesson moves beyond text and into backgrounds and borders so page sections start feeling separated and easier to scan.

Take this forward

Readable text choices help the whole page feel calmer and stronger.