CSS Cookbook

	Among the various resources for learning CSS, what seems to be
missing is a case-by-case list of deprecated HTML presentational
elements and their corresponding CSS replacements.  For instance,

<FONT COLOR="#333333" FACE="Arial" SIZE="5">Foo</FONT>

is naively translated to 

<SPAN STYLE="color:#333333; font-family:Arial; font-size:large">Foo</SPAN>

but someone looking to replace a TABLE-based layout structure or flow
text around an image is likely to be lost.  (Let's face it, the CSS
layout model is not exactly easy reading.)  It would be really nice to have
a page somewhere which went through and said:

* here's a deprecated HTML construction

* here's the corresponding CSS construct

* here are some of the other issues involved, and some ways in which
CSS improves on the HTML construction (e.g. making all H1s red with a
single line of CSS rather than a FONT inside every single H1)

	Does such a page exist?  Most of the CSS tutorials I've seen
go into too much detail about the structure of the language rather
than throwing out examples suited to replacing deprecated HTML
constructs.
					John T. Whelan
					whelan@iname.com
					http://www.slack.net/~whelan/

Received on Saturday, 22 August 1998 17:32:55 UTC