Style Sheets Table-of-Contents Style Sheets

Style Sheets Example

GIF image of the word 'solutions' color white in sans-serif font with padding and yellowish background
GIF image: 682 bytes

With protocol overhead, over 1k bytes transferred, for a 9 character word in a particular font with a background!!!

Represented as HTML + CSS:

P.banner {
  color: white;
  background: #FC0;
  font: bold oblique 20px sans-serif;
  padding: 0.2em 10em 0.2em 1em;
<P CLASS=banner> solutions

150 bytes, before compression, or amortization across multiple uses of the "banner" class.

Jim Gettys

14 of 40