Your Instructor
  • My Other Free Courses on Udemy
  • About the Instructor
Prerequisite and Code Examples
  • Preface
  • What This Course Assumes
  • Access the Online Code
Video Walkthroughs | CSS 3
  • A Note About the Videos
  • Overview
  • Basic Syntax
  • Syntax Variations Part 1
  • Syntax Variations Part 2
  • Syntax Variations Part 3
Video Walkthroughs | Creating and Modifying Websites
  • A Note About the Videos
  • Using a Code Editor
  • Website Aesthetics
  • Using an FTP Client
  • Modifying Website Templates
  • Using a Web Editor Part 1
  • Using a Web Editor Part 2
  • Using a Web Editor Part 3
  • Using a Web Editor Part 4
  • Using a Web Editor Part 5
Introduction
  • HTML, CSS and JavaScript– the languages of the web
  • Recommended Code Editors
  • Cascading Styles
Syntax
  • Comments in CSS
  • White Space & Indentations
  • The Three Ways to Add CSS to an HTML Document
  • Inline Style
  • Internal Style
  • External Stylesheet
  • The Basic CSS Syntax
  • The Tree Structure
  • Hierarchy of Style Declarations
  • Specific Beats General
  • Breaking Ties: Last One Wins
  • !important
  • Targeting Multiple Elements with the Same Declarations
  • Targeting Nested Elements aka Descendent Selectors
  • Direct child selector
  • Pseudo-Classes
  • Targeting Elements by Attribute
  • [attr |=value]
  • [attr^=value]
  • Value Case Insensitivity
  • attr*=value]
  • [attr~=value]
  • [attr$=value]
  • General Sibling Combinator
  • Adjacent Sibling Combinator
  • The Universal Selector
CSS 3 Properties
  • Google Fonts
  • Bit.ly URL Shortener Note
  • Properties
  • all
  • background-attachment
  • background-blend-mode
  • background-clip
  • background-color
  • background-image
  • background-origin
  • background-position
  • background-repeat
  • background-size
  • border
  • More Border Shorthands
  • border-image
  • border-radius
  • border-collapse & border-spacing
  • bottom, top, left & right
  • box-shadow
  • box-sizing
  • caption-side
  • caret-color
  • clear & float
  • clip
  • clip-path
  • color
  • columns, column-count, column-width, -balance, -gap, -rule & -span
  • columns
  • column-fill
  • column-gap
  • column-rule
  • column-span
  • cursor & pointer-events
  • direction
  • display
  • em & rem
  • empty-cells
  • filter
  • font
  • font-size
  • font-style
  • font-weight