CSS Tips

  1. Define CSS reset first
  2. Define base styles second, e.g.
    ul, h1-h6, p, b, etc
  3. Define specific styles that may override base styles

Use classes instead of IDs to be safe and make coding easier.

For each page, add an ID to the body element that mirrors the URL to the page, e.g

www.somesite.com/products/fish/(index.php or index.html)

<body id=”products-fish”>

www.somesite.com/products/kites/

<body id=”products-kite”>

This will make it easier to override styles in specific pages without having naming conflicts.