Cascading Style Sheets (CSS)
HOME
Java
ActiveX
JavaScript
VRML
Video
Audio
CSS
DHTML
XML
CGI

Examples:

What it is:

  • Style Sheets are a World-Wide Web consortium (W3C) standard, adopted by both major browsers in their 4.0 incarnations.
  • Style sheets work primarily by separating style from structure.
  • You have a single page defining all the "style" attributes of the text, and numerous pages on your site point to that style sheet.
  • Or, style sheet information can be added to the page itself.
  • Sample attributes include: font face, size, color, spacing,
  • They are "cascading" because more than one style sheet can be used on the same document, with different levels of importance.

    Pros:

  • They give more precise control over how documents look. In addition to simple font control, you can control positioning.
  • Consistency: you don't have to remember that all your article titles must be 12Pt Courier Bold Brown, you just define those attributes once in a style called "ArticleTitle", and mark all article titles with that style.
  • Global changes are more easily made.

    Cons:

  • Not as easy as HTML
  • Supported only in IE3, IE4, NS4.
  • Difficulty in porting legacy pages over.
  • W3C: What Are Style Sheets
    Text and other objects can be positioned in layers.
  • C|Net Style-O-Matic
    Show what font styles look like

    Resources:

  • InternetUser: CSS Tips, Tutorials, Examples
  • W3C: What Are Style Sheets
  • Dynamic HTML and Cascading Style Sheets
  • InternetUser: Cascading Style Sheets
  • Builder.Com: Get Started with Style Sheets