🎨

CSS Styling Basics

Make your web pages beautiful! Learn CSS selectors, colors, fonts, borders, and the Box Model.

Learning Objectives

Understand what CSS is and how to connect it to HTML
Use CSS selectors: element, class (.name), and ID (#name)
Style colors, font family, font size, and text alignment
Master the CSS Box Model: margin, padding, border, and content
Add background colors, rounded corners, and shadows

Transform Plain HTML

HTML provides the structure, but CSS brings it to life! With CSS, you can change fonts, apply vibrant colors, add space around elements, and design modern UI cards and buttons.

SelectorsColorsFontsBox ModelPadding & MarginBorders

📖

Read & Learn

Study CSS properties with clear visual guides

🛝

Try It Live

Change styles and see instant browser preview

🧠

Test Yourself

Check your knowledge with a 10-question quiz