Pre-session II – CSS

Tools

  • Firebug.
  • Web Developer Toolbar
  • W3C Validator

CSS GLossary

  • Specificity
    how specific an item is.specificity is a straight count
  • specificity value represented /*  (1) ,(2),(3),(4)       *specificity  count uses an infinitely large base necesitating a delimeter in a specificity value(4) selector count
    (3) Class
    (2) ID
    (1) Inline
    Selector Count
    h1 { color: lime}    /* 0,0,0,1 */
  • body h1 { color: blue}      /* 0,0,0,2 */html h1 { color: red}   /* 0,0,0,2 */html body h1 { color: lime}    /* 0,0,0,3 */body.mine { color:pink }   /* 0,0,1,2 */
  • priority

Offset is different than Margin.

LVHA -
a:link
a:visited
a:hover
a:active

LVfHA  - Lord Vader Froze Hans Ass
LVHFA - Lord Vader Hates Fuzzy Animals

!important - breaks item into a higher plain  of specificity

CSS Grep!

http://code.google.com/p/ie7-js/

CSS Templating

three types of layout in CSS

  • floating
  • positioning
  • asf

Linearization

with tables,  document linearization is set by layout

with css document linearization 'can' be based on importance.

Will be given source. Stopping the blogging to bask in the glow.

This entry was posted in Hacking and tagged , , . Bookmark the permalink.