Madao Factory

The Paint and Decor of the Web

If HTML is the wooden frame of a house, CSS (Cascading Style Sheets) is the paint, wallpaper, and interior design. It makes the web beautiful.

CSS

Common Properties

・ color: red; (Text color)
・ margin: 10px; (Spacing)

3 Core Concepts

1. Selectors

How to target elements (e.g., 'p' targets all paragraphs, '.btn' targets a class).

2. Properties & Values

What to change and how (e.g., 'font-size: 16px;').

3. The Box Model

Every element is a box with margins, borders, padding, and content.

Live CSS Editor

Write CSS to style the HTML elements below!

CSS Code

Live Preview

HTML Structure (Read-Only)

<div class="container">
  <h1 class="title">Hello CSS!</h1>
  <p class="text">Style me using the editor.</p>
  <button class="btn">Click Me</button>
</div>

Quick Drill

Which CSS property changes text color?

Q: Which CSS property changes text color?

CSS Styling