Topic: CSS Selectors + Lists, Links, Images & Text Alignment

❓ Essential Question

How do HTML and CSS work together to structure and style a webpage, and how do lists, links, images, and text alignment help organize content for real users?

⭐ Key Ideas

• HTML gives the structure; CSS gives the style.
• Selectors tell CSS which elements to change.
• Lists organize information visually (steps, bullets, menus).
• Links connect pages and allow navigation.
• Images bring meaning and context to a page.
• Text alignment improves readability and page layout.

🔑 Vocabulary

Selector — The part of CSS that targets elements.

Property — The style category being changed.

Value — The specific style applied.

Class (.) — A reusable label for styling multiple elements.

ID (#) — A unique label used once.

<ul> — Unordered list (bullets).