CSS Primer

Edit PagePage History

Online Resources

• CSS Tutorial
• HTML Dog CSS Beginner Tutorial
• W3Schools CSS

Key concepts to understand

• Why is CSS useful?

• CSS syntax and terms

  • selector
  • property
  • value

• Ways to define and apply styles

  • Inline attribute styles
  • Internal page-embedded styles
  • External linked stylesheet

• Selecting targets

  • By element
  • By id
  • By class

• Cascade order and inheritance

  • How multiple styles affect an element
  • How more narrowly targeted styles take precedent

• The CSS Box Model

• Essential CSS properties

  • borders
  • margins, padding
  • colors, backgrounds
  • sizes
  • text styling