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 Design Techniques: Colors and Backgrounds

  • color, background-color
    • 17 official names (fuschia, gray, etc.)
    • 100+ unofficial?
    • RGB: rgb(255,255,255)
    • Hex: #FFFFFF
  • background-image
    • Relative to CSS file!
    • background-image: url(../images/logo.gif);
  • background-position
    • X, Y, percentage
  • background-repeat
    • repeat, no-repeat, repeat-x, repeat-y