CSS Fundamentals

Learning Objectives

Explain what CSS is and its role in separation of concerns
Explain the difference between inline styles, inline stylesheets, external stylesheets
Demonstrate how CSS selectors apply to DOM elements
Describe the difference between class and id selectors
Explain what pseudo classes are and how they're used
Explain the purpose of the @font-face CSS directive
Understand best practices for specificity and cascading
Use CSS vendor prefixes for cross browser compliance

Topics

Inline styles, inline stylesheets, external stylesheets
CSS selectors
CSS shorthand (font, padding, margin, border)

Inspiration