CSS 3 Visual Learning

Course Curriculum

Chapter 1: Your Instructor

Lecture 1: My Other Free Courses on Udemy

Lecture 2: About the Instructor

Lecture 3: Link to All the Examples

Chapter 2: Prerequisite and Code Examples

Lecture 1: Preface

Lecture 2: What This Course Assumes

Lecture 3: Access the Online Code

Chapter 3: Video Walkthroughs | CSS 3

Lecture 1: A Note About the Videos

Lecture 2: Overview

Lecture 3: Basic Syntax

Lecture 4: Syntax Variations Part 1

Lecture 5: Syntax Variations Part 2

Lecture 6: Syntax Variations Part 3

Chapter 4: Video Walkthroughs | Creating and Modifying Websites

Lecture 1: A Note About the Videos

Lecture 2: Using a Code Editor

Lecture 3: Website Aesthetics

Lecture 4: Using an FTP Client

Lecture 5: Modifying Website Templates

Lecture 6: Using a Web Editor Part 1

Lecture 7: Using a Web Editor Part 2

Lecture 8: Using a Web Editor Part 3

Lecture 9: Using a Web Editor Part 4

Lecture 10: Using a Web Editor Part 5

Chapter 5: Introduction

Lecture 1: HTML, CSS and JavaScript– the languages of the web

Lecture 2: Recommended Code Editors

Lecture 3: Cascading Styles

Chapter 6: Syntax

Lecture 1: Comments in CSS

Lecture 2: White Space & Indentations

Lecture 3: The Three Ways to Add CSS to an HTML Document

Lecture 4: Inline Style

Lecture 5: Internal Style

Lecture 6: External Stylesheet

Lecture 7: The Basic CSS Syntax

Lecture 8: The Tree Structure

Lecture 9: Hierarchy of Style Declarations

Lecture 10: Specific Beats General

Lecture 11: Breaking Ties: Last One Wins

Lecture 12: !important

Lecture 13: Targeting Multiple Elements with the Same Declarations

Lecture 14: Targeting Nested Elements aka Descendent Selectors

Lecture 15: Direct child selector

Lecture 16: Pseudo-Classes

Lecture 17: Targeting Elements by Attribute

Lecture 18: [attr |=value]

Lecture 19: [attr^=value]

Lecture 20: Value Case Insensitivity

Lecture 21: attr*=value]

Lecture 22: [attr~=value]

Lecture 23: [attr$=value]

Lecture 24: General Sibling Combinator

Lecture 25: Adjacent Sibling Combinator

Lecture 26: The Universal Selector

Chapter 7: CSS 3 Properties

Lecture 1: Google Fonts

Lecture 2: Bit.ly URL Shortener Note

Lecture 3: Properties

Lecture 4: all

Lecture 5: background-attachment

Lecture 6: background-blend-mode

Lecture 7: background-clip

Lecture 8: background-color

Lecture 9: background-image

Lecture 10: background-origin

Lecture 11: background-position

Lecture 12: background-repeat

Lecture 13: background-size

Lecture 14: border

Lecture 15: More Border Shorthands

Lecture 16: border-image

Lecture 17: border-radius

Lecture 18: border-collapse & border-spacing

Lecture 19: bottom, top, left & right

Lecture 20: box-shadow

Lecture 21: box-sizing

Lecture 22: caption-side

Lecture 23: caret-color

Lecture 24: clear & float

Lecture 25: clip

Lecture 26: clip-path

Lecture 27: color

Lecture 28: columns, column-count, column-width, -balance, -gap, -rule & -span

Lecture 29: columns

Lecture 30: column-fill

Lecture 31: column-gap

Lecture 32: column-rule

Lecture 33: column-span

Lecture 34: cursor & pointer-events

Lecture 35: direction

Lecture 36: display

Lecture 37: em & rem

Lecture 38: empty-cells

Lecture 39: filter

Lecture 40: font

Lecture 41: font-size

Lecture 42: font-style