Cascading HTML style sheets

Guiding Principles:

- a simple mapping between HTML tags and style

- author and reader use same notation

- provide hints that the browser may or may not use

- nestable within documents

- interfere minimally with HTML

- support visual and non-visual media



Example 1:

font.family = times
head.font.family = helvetica


Example 2:

100%
font.size = 12pt
h1.font.size = 20pt 40%


Example 3:

font.size = 12pt
http://NYT.com/style


Example 4:

AGE > 3d ?
background.color = pale_yellow :
background.color = white
DISPLAY_HEIGHT > 30cm ? http://NYT.com/style :
http://LeMonde.fr/style


Example 5:

speech.*.weight = 35db
speech.em.weight = 40db


Example 6:

align.style = left
head.align.style = center
print.head.align.style = right


GUI

user

author

font

23%

color

23%

margin

23%

volume

23%