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

A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Agrega estilo a una página HTML usando CSS
Coursera Project Network via Coursera
Basic User Interface Design for Web Developers
Coursera Project Network via Coursera
Build a Webpage with HTML and CSS
Board Infinity via Coursera
Build Restaurant Business Website using Google Sites
Coursera Project Network via Coursera