CSS Fundamentals

CSS controls visual design. You use it to style typography, spacing, colors, layout systems, animations, and responsive behavior across devices.

Selectors Layouts Responsive UI

Key Concepts

Choose elements precisely and understand which rules override others.

Every element has content, padding, border, and margin that affect layout size.

Use modern layout tools to align, distribute, and arrange content responsively.

Answer all questions and click submit to see your score.

1. Which property changes text color?

color font-style background-image

2. Which layout system is one-dimensional?

CSS Grid Flexbox Position absolute

3. In the box model, what sits outside the border?

margin padding content

4. Which media query target is best for small screens?

min-width: 2000px max-width: 640px orientation: landscape only

5. Which unit scales based on root font size?

px rem %