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

egghead.io

CSS Fundamentals

via egghead.io

Overview

Can you center an HTML element? Do you know how the box model works? CSS is a fundamental language imperative to working with websites. It controls all the visual aspects of a site, from colors to layouts.
Even the most experienced developer can learn something new when it comes to using and understanding how the browser interprets CSS. In this course, we will slowly style a website according to a mocked image. Let’s walk through specificity, fonts, the box model, margins, padding, positioning, and much more!

Syllabus

  • Set CSS Properties and Values (syntax)
  • Use Selectors to Style HTML Elements
  • Utilize Selector Specificity to Control Applied Styles
  • Style Elements Using the Cascade
  • Apply CSS Styles with Inheritance
  • Debug CSS with the Chrome Devtools
  • Understand CSS Layout with the Box Model
  • Control HTML Elements with Different CSS Units
  • Manipulate Colors with CSS
  • Add Backgrounds to HTML Elements
  • Hide and Show HTML Elements with CSS
  • Customize CSS Selectors with Pseudo Classes
  • Modify Font Style in CSS
  • Positioning HTML Elements using CSS
  • Use CSS Media Queries to Dynamically Apply Styles
  • Style a Logo and Navigation on a Website with CSS
  • Create Dynamic Styles with CSS Variables

Taught by

Tyler Clark

Reviews

4.4 rating at egghead.io based on 81 ratings

Start your review of CSS Fundamentals

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.