Cascading Style Sheets (CSS)

Attaching CSS

<style>
@import url('styles.css');
</style>

CSS Selectors

tag
.class
#id

CSS Units

em for text
px for rest

Right Column

CSS Controls: Grouping

• Group Selectors
  • h1 { color: #4D7FB2; }
  • h2 { color: #4D7FB2; }
  • h3 { color: #4D7FB2; }
  • h4 { color: #4D7FB2; }
  • h5 { color: #4D7FB2; }
  • h6 { color: #4D7FB2; }
  • a { color: #4D7FB2; }
  • h1, h2, h3, h4, h5, h6, a { color: #4D7FB2; }
• Group Declarations
  • h1 { color: #4D7FB2; }
  • h1 { font-family: arial; }
  • h1 { background: #FFFFFF; }
  • h1 { margin: 10px; }
  • h1 { color: #4D7FB2; font-family: arial; background: #FFFFFF; margin: 10px; }
• Group it All
  • h1, h2, h3, h4, h5, h6, a { color: #4D7FB2; font-family: arial; background: #FFFFFF; margin: 10px; }