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%
|
---|
|
---|
|
---|
|
---|