---

Cascading Style Sheets: An Introduction.

Computing & Information Services Department.
instructor: jim.cerny@unh.edu

Cascading Style Sheets (CSS1 and CSS2 standards) represent part of an effort to return to the original intentions of separating structure and presentation, which have become jumbled together as HTML developed. The use of CSS combined with JavaScript is called "Dynamic HTML" by some. In parallel there is development of XML and XHTML as the way to specify document structure.

View the older discussion outline and see the current hands-on examples.

CSS discussion examples.

---

• Basic example.
• Fonts examples.
• Margins examples.
• Highlights examples.
• Paragraphs examples.
• Dropcaps examples.
• Stickynotes examples.
• Hyperlink (anchor) decoration.
• Hyperlink (anchor) colors.
• Box borders example.
• Margins using SPAN and DIV, examples.
• Overlapping text and graphics example.
• List bullets example.
• Position and Clip example (CSS2).

Examples of Style Sheets.

---

• UNHINFO CSS Library.
• Sheet for this page and for the discussion examples.
• Sheet for FAQ for Search Engine Use at UNH
  and as applied.
• Sheet for JavaScript examples.
  and examples as applied.
• Sheet from CSS1 Appendix A example for HTML 2.0.
• Sheet from CSS Pointers by Jordan/Brown/Eriksson.

Articles.

---

• Cascading Style Sheets in Internet Explorer 4.0 by George Young (Microsoft), rev. 15 Oct 1997.
• CSS Positioning on Microsoft MSDN.
• A Quick Tour of CSS2 by Eric Meyer, rev. 4 Sep 1998.
• Managing Style Sheets on Microsoft MSDN.
• Typographical Measurement Systems by Roland Eriksson, rev. 12 Apr 1998.
• A User's Guide to Style Sheets by Handan Selamoglu (Microsoft), rev. 24 Oct 1996.
• The Web Is Ruined and I Ruined It by David Siegel, Parts 1 and 2.

Large Collections of Information.

---

• Cascading Style Sheets: The Definitive Guide book by Eric Meyer (O'Reilly). ***
• CSS Pointers (Jordan/Brown/Eriksson).
  and see their color name to RGB color chart.
• DHTML, HTML & CSS at Microsoft's SBN Workshop.
• HTML with Style tutorials by Stephanos Piperoglou.
• W3C's Web Style Sheets. *
• Web Design Group's CSS Information by Pozadzides and Quinn.

Standards and Specs.

---

• CSS Reference Table at CNET's Builder.com *
• Web Review's Browser Compatibility Charts. ***
• W3C Cascading Style Sheets, Level 1 (CSS1) rev. 11 Jan 1999.
• W3C Cascading Style Sheets, Level 2 (CSS2) rev. 12 May 1998.
• W3C CSS3 and Other Work in Progress.

• Microsoft's CSS Gallery (see "Same Content - Different Style"). *
• W3C Core Styles. and see a sample style sheet. **
• W3C CSS1 test suite. ***
• Zvon CSS2 test suite. ***

Validators.

---

• CSSCheck syntax checker at Web Design Group.
• W3C CSS validation service.