- My Other Free Courses on Udemy
- About the Instructor
- Preface
- What This Course Assumes
- Access the Online Code
- A Note About the Videos
- Overview
- Basic Syntax
- Syntax Variations Part 1
- Syntax Variations Part 2
- Syntax Variations Part 3
- 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
- HTML, CSS and JavaScript– the languages of the web
- Recommended Code Editors
- Cascading Styles
- 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
- 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