YoVDO

CSS Fundamentals

Offered By: egghead.io

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Chrome DevTools Courses Media Queries Courses Box Model Courses

Course Description

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

Related Courses

Advanced Styling with Responsive Design
University of Michigan via Coursera
Benefits of Bootstrap
Coursera Project Network via Coursera
Web Development - CSS3 - Scratch till Advanced Project Based
Udemy
Creating Responsive Web Design
Udemy
Complete JAVASCRIPT with HTML5,CSS3 from zero to Expert-2024
Udemy