Introduction to CSS

What is CSS?

CSS stands for Cascading Style Sheets. It controls the appearance and layout of web pages, allowing you to separate content (HTML) from presentation (CSS).

body {
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
}
        

This example sets the background color and font for the entire page.

A very short history of CSS

CSS was proposed in 1996 by Håkon Wium Lie to separate content from presentation. CSS2 (1998) added media types and positioning. CSS3 broke features into modular specs, enabling faster evolution of parts like Flexbox (2012+), Grid (2017), and more. Modern CSS focuses on layout, responsiveness, and accessibility.

CSS Topics Covered

• Introduction to CSS
• Selectors
• Properties
• Colors and Units
• Box Model (margin, border, padding, content)
• Text Styling (font-size, font-weight, text-align, text-decoration)
• Backgrounds (background-color, background-image)
• Borders and Border Radius
• Layout
• Display and Positioning (block, inline, flex, grid, position)
• Responsive Design (media queries)
• Transitions and Animations
• Pseudo-classes and Pseudo-elements

CSS Reference Image

Learn CSS on YouTube

Watch the full CSS Crash Course playlist on YouTube

Continue Learning

• Next: CSS Selectors