Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

CSS Essential Training

via LinkedIn Learning

Write review
Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More → DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This hands-on course covers the fundamentals of CSS, from basic styling to responsive design, helping you create professional-looking websites through practical, real-world projects.

Syllabus

Introduction
  • Why should you learn CSS?
1. Getting Started
  • HTML and CSS
  • Working with website files
  • Setting up your text editor
  • Project: Overview
  • Project: Customizing the content
  • Project: Viewing files with Live Server
  • Where to find images
  • Creating web-ready images
  • Project: Adding images
2. CSS Core Concepts
  • CSS specifications and the W3C
  • CSS syntax and terminology
  • CSS data types
  • Type and universal selectors
  • ID selectors
  • Class selectors
  • Combinators and selector lists
  • Pseudo-classes and pseudo-elements
  • Inheritance, cascade, and specificity
  • Custom properties
  • Referencing CSS
  • Project: Create a CSS file
3. Color and Background Styles
  • The color property and value
  • Creating a color palette
  • Project: Defining custom properties
  • The background property
  • Using multiple background styles
  • Project: Background and text colors
  • Project: Background image styles
4. The CSS Box Model
  • Introduction to the CSS box model
  • Width, height, and display
  • Padding, margin, and border
  • Center-aligning with margin
  • Box-sizing and the box model fix
  • Working with developer tools
  • Margin collapse and inline spacing
  • Creating full-height layouts
  • Project: List reset and header updates
  • Project: Centering content with margin
  • Project: Heading resets and border styles
5. Layouts with Flexbox
  • Introduction to Flexbox
  • Working with flex items
  • Sizing with flex properties
  • Flexbox sizing exercise
  • Aligning flex items
  • Project: Aligning elements with Flexbox
6. Layouts with Grid
  • Introduction to CSS Grid
  • The explicit grid
  • The implicit grid
  • The gap property
  • Positioning with grid lines
  • Project: Grid layout
  • Project: Grid line positioning
  • Project: Grid and dev tools
7. Layouts with Float and Position
  • Layouts with float
  • The position property
  • Position and z-index
  • Project: Fixed navigation and header updates
8. Typography
  • Typography for the web
  • Changing fonts with font-family
  • Working with font-weight and font-style
  • Web fonts with @font-face
  • Online font services
  • Project: Add custom fonts
  • The font-size property
  • Font size and accessibility
  • Text-align, text-transform, and text-decoration
  • Line-height and letter-spacing
  • Project: Font and text styles
  • Project: Button styles
  • Project: Borders, spacing, and color
9. Responsive Layouts
  • Introduction to responsive design
  • Introduction to media queries
  • Breakpoints and media queries
  • Creating fluid layouts
  • The viewport meta tag
  • Testing responsive layouts
  • Project: Breakpoints
  • Project: Media queries
Conclusion
  • Next steps

Taught by

Christina Truong

Reviews

4.7 rating, based on 3 Class Central reviews

4.7 rating at LinkedIn Learning based on 45 ratings

Start your review of CSS Essential Training

  • Ajiboye Abdulmumin
    Very helpful!
    Christina helped In breaking down these basics with ease. I almost got carried away that I'm still a beginner and this is just the beginning part of my web development journey, lol.

    We need more people like her. I really appreciate her time and effort in bringing these all together in one piece. Gracias, Truong
  • Mohamed Yaser Farook M
    it is a good course but i didnt get the certificate what i need to do ..................the mendor is very very very good at teaching
  • Profile image for Sidhartha Mohanty
    Sidhartha Mohanty
    I am beginner to the course and it helped me a lot to get in touch with the essentials.
    Great explanatory and really enjoyed learning.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.