CSS: How to Style Your Website?

Pixel (px)

em and rem

vw and vh

Background

Multiple-choice quiz

Borders

Margin

Padding

Box Model

Designing Layouts with the Box Model

Multiple-choice quiz

Fonts

Importing Fonts (Google Web Fonts)

Font Size (font-size)

Font Weight and Font Style

Fill-in-the-blank quiz

Text Alignment (text-align), Text Decoration (text-decoration)

Commonly Used CSS Properties

Positioning

Advanced Positioning of HTML Elements

Fill-in-the-blank quiz

Combinators

Display Properties

Multiple-choice quiz

Flexbox - Basics

Creating Layouts with Flexbox

Fill-in-the-blank quiz

Advanced Flexbox

Multiple-choice quiz

Grid

Creating Complex Layouts with Grid

Fill-in-the-blank quiz

Advanced Grid Techniques

Multiple-choice quiz

Determining the Stacking Order with z-index

Opacity

Aspect Ratio

Overflow Handling (overflow)

Animation Basics

Utilizing Animations

Multiple-choice quiz

Media Query

Advanced Media Query

Reset CSS

CSS Summary