Cascading Style Sheets (CSS)

Monday May 14, GTC West, Class P20

CSS Syntax

selector { property: value; }

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; }