CSS is the language we use to add style to our websites and web applications. This includes color, typography, layout, and more! If HTML is how we create semantic, organized content then CSS is how we create beautiful content!
Written CSS Lessons
- CSS Lesson 1: What is CSS?
- CSS Lesson 2: How To Create Your First CSS File
- CSS Lesson 3: Basic CSS Selectors
- CSS Lesson 4: Understanding The Box Model Part 1: Padding
- CSS Lesson 5: Understanding The Box Model Part 2: Margin
- CSS Lesson 6: Shorthand Properties (Padding and Margin)
If you prefer to watch video lessons in an online classroom environment instead of reading written lessons check out my premium 8 hour video course and learn pro-level HTML, CSS, and responsive design.
Free CSS Video Lessons
Watch the entire video series in a single playlist
CSS Video Tutorials
- Intro to CSS – Basics + Selectors
- CSS Two Column Layout Tutorial
- Equal Height Columns – CSS Tutorial
- CSS Navigation Tutorial
- CSS Background Image Replacement Tutorial
- CSS Floats – Understanding & Clearing Floats Tutorial
- CSS Box Model Tutorial (Padding, Margin, and Border)
- CSS Shadows (text-shadow & box-shadow)
- CSS Absolute and Relative Positioning Tutorial
- CSS Typography – Change Font, Size, Spacing & more
- CSS Rounded Corners (border-radius property)
- CSS Dropdown Navigation Menu (part 1)
- CSS Dropdown Navigation Menu (part 2)
- CSS Sprites Tutorial
- Z-Index CSS Tutorial
- CSS Display Property Tutorial
- How to Center an Image Horizontally
- Full Width Background with Fixed Width Content
- Responsive Web Design Tutorial
- Responsive Web Design Navigation Menu Tutorial
- Bootstrap Responsive Layout Tutorial
- CSS Background Image Tutorial
- Sass Tutorial for Beginners
- Photo Gallery with Modal Window Tutorial
- Google “Mobile-friendly” label in Search Results