CSS and Web Browsers

With a well-designed web site, we want to ensure we are using (X)HTML to indicate the structure of the document only. If we want content delineated by certain tags to look a certain, non-default way, we can modify the default appearance of tagged content by assigning new attributes to a tag in a style sheet.

Styles can be applied to a web page either using an internal style modifier or an external stylesheet. Both methods have advantages and disadvantages, though as a rule you want to use external stylesheets whenever possible. Their use saves bandwidth, loading/processing time, and storage space. Creating a stylesheet is easy — create a plain ASCII text file containing the desired style information, and save with the file extension .css.

Cascading Style Sheets, properly used to their full effect, get a little complex, so we are breaking their information down into several parts:

  1. Part I — Principles and Concepts Underlying CSS
  2. Part II — Using CSS for Styling Your HTML
  3. Part III — Using CSS for Positioning Document Elements
  4. Part IV — (this document) Handling Browser Idiosyncracies

Readings on Cascading Style Sheet Browser Idiosyncracies

One more reference for you: 203 Sites about Style Sheets. If you need to know how to do something, look here first

Back to Part 3 — Positioning

On to the CSS Assignment