Intermediate HTML & CSS

Discover new HTML elements and CSS Selectors that you might not know! Learn the hard parts of CSS, including inheritance, specificity, and the cascade. Plus, get hands-on with modern CSS selectors like :is(), :where(), and :has()! With this knowledge, you'll be able to create web pages with fewer classes and more concise and meaningful HTML.

• Introduction
• HTML Elements Vocabulary
• HTML Elements Q&A
• HTML Lists
• CSS Reset box-sizing
• CSS Terminology
• Class, ID, & Descendant Selectors
• Parent-Child & Siblings Selectors
• Attribute Selectors
• Attribute Selectors Exercise
• Attribute Selectors Solution
• Ordered & Unordered List Styling
• Styling List Item Markers
• Ordered List Styling
• Description Lists & Flexbox
• Description Lists & CSS Grid
• Menu Lists
• Lists Exercise
• Lists Solution
• Semantic HTML Elements
• Content Sectioning
• Content Sectioning Exercise
• Content Sectioning Solution
• Level 4 Pseudo-Class Selectors
• Styling Without Classes Exercise
• Styling Without Classes Solution
• What Inherits in CSS
• CSS Inheritance Demo
• Inheritance property & Values Demo
• CSS Specificity Overview
• CSS Specificity Demo
• CSS Specificity Quiz
• Combining Inheritance & Specificity
• Specificity & Inheritance Exercise
• Specificity & Inheritance Solution
• Understanding the Cascade
• Cascade Overview
• Cascade Code Demo
• CSS Cascade in Dev Tools
• Layer & The Cascade
• Working with Layers
• Managing Multiple Layers
• Wrapping Up