TECFA CSS Page

Most of our pages are so simple that we don't even need style-sheets :). It's just not in the center of my interests. Only got (some) time for contents.

CSS at TECFA

Well, since IE 6 and Mozilla seem to handle most of CSS1 (and even some of CSS 2) I teach the basics here. We also use CSS with client-side XML.

Slides en français: voir TIE "Cascading Style Sheets"
Example directory
Directory for centrally managed styles

Documentation

Validation

W3C validator (download and on-line). This only works with W3C vocabularies, e.g. not with your own XML.
WDG CSSCheck (this validates the CSS file !)

Manuals, short references and implementation charts

CSS Properties Good summaries from the Web Design Group
Mozilla/Opera sidebars from Zvon (work sort of with firefox )
CSS contents and browser compatibility at quirksmode.org. Good. Also has stuff on DOM compatibility
Web Devout, good Web Browser CSS support. Good !
Index DOT Css (ok, but outdated)

Specifications

When you are in doubt proceed first with an on-line validation, then check bug-lists, e.g. RichInStyle's or another pick form the list at W3C.

FAQs

General Tutorials

(see also the Links section, maybe looking at examples will get you there faster !)

Adding a touch of style by David Raggett, nice tutorial for the masses
Fixing your site with the right DocType. "List a Part" article for a related, but important subject !
Chapter 20: CSS chapter 20 of the book Cascading Style Sheets, designing for the Web, by Håkon Wium Lie and Bert Bos.
Introduction to CSS (includes an XML + CSS short tutorial).
CSS FLoats Part I (should work with Mozilla, for others see part 2 (from Webreference's HTML with style tutorials section)
A List Apart CSS hacks (since issue 100 this famous on-line mag uses strict W3C complicant code ... and they still let you see style-less contents with old browsers).
Flexible Layouts, good A List Apart story (nov 2002)
Evolution of a Home webreference article showing how they could rebuild their home page without tables for all 5+ browsers.
Advanced CSS Layouts, WebReference.com tutorial by R.V Lizaola & A.King
CSS in the Real World. Lecture notes from Zeldmann
Writing Lean CSS at OrderedList (9/2004). Use cascades and regroup selectors, etc.

Specialized topics

Page Layout

Design without tables, CSS Positioning, etc.

HTML Utopia: Chapter 5: Building the Skeleton by Dan Shafer (extract of chap 5 of the "Designing Without Tables" book)
CSS Positioning Good and clean CSS tutorial (look at the source of the pages !)
Tutorial 19: CSS Positioning, Part II webreference article
The Layout Reservoir Good 2 and 3 colum designs !
CSS Layout Techniques: for Fun and Profit
Boxes from thenoodleincident.com. Nice examples !
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well

CSS with XML

On Display: XML Web Pages with Mozilla by Simon St.Laurent

Client-side style-sheets

Wow !

The CSS Anarchist's Cookbook by Eric Meyer, O'Reilly
Tap the Power of Mozilla's User Style Sheets

DHTML

... not sure I want to keep this topic here.

Dynamic HTML in Netscape Communicator

Font compatibilty

Why Windows Web Pages Have Tiny Text
Beyond the FONT tag: Practical HTML text styling by Todd Fahrner

Tools / Software

(some day ....)

TopStyle Lite