Tutorial 03 - CSS Basics

Why this matters

HTML gives a page structure. CSS controls how that structure looks.

The goal is not to become a professional frontend developer. The goal is to understand AI-generated CSS well enough to change and debug your website.

1. A CSS rule

h1 {
    font-size: 48px;
    color: #222;
}

Think:

h1          → selector
font-size   → property
48px        → value

2. Element selectors

p {
    color: #444;
}

This applies to paragraphs.

3. Class selectors

HTML:

<button class="primary-button">Book Now</button>