CSS Foundations

Intermediate

About this Course

Build a strong foundation in CSS and learn how to transform plain HTML pages into clean, responsive, and visually appealing websites. This course covers CSS syntax, selectors, colors, typography, spacing, the box model, units, positioning, Flexbox, Grid, responsive design, and other essential styling concepts. Through hands-on practice, you’ll learn how CSS works and develop the skills needed to confidently style real-world web pages.

What You Will Learn
  • Understand how CSS works with HTML
  • Write CSS using inline, internal and external stylesheets
  • Work with CSS selectors, properties and values
  • Understand the CSS cascade, specificity and inheritance
  • Style colors, backgrounds, borders and text
  • Work with fonts and typography
  • Understand the CSS box model
  • Use margin, padding and spacing effectively
  • Work with CSS units and sizing
  • Control display, visibility and overflow
  • Position elements using relative, absolute, fixed and sticky positioning
  • Build layouts using CSS Flexbox
  • Create powerful layouts using CSS Grid
  • Use pseudo-classes and pseudo-elements
  • Understand responsive web design
  • Use media queries to adapt layouts across screen sizes
  • Build and style practical web page layouts

Prerequisites

  • Basic understanding of HTML
  • Ability to create a simple HTML page
  • No prior CSS experience required
Course Highlights
Duration3h
Modules6
Videos5
Languageenglish

Full immediate access