3 /* Martin A. Hansen, July 2005 /*
4 /* email: mail@maasha.dk */
6 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> SUGGESTED READING <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
9 /* http://www.w3.org/TR/CSS21/
10 /* http://www.w3.org/TR/CSS21/propidx.html
11 /* http://www.w3schools.com/css/css_reference.asp
12 /* http://htmldog.com/guides/cssbeginner/
13 /* http://htmldog.com/guides/cssintermediate/
14 /* http://htmldog.com/guides/cssadvanced/
17 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
20 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> UNITS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
24 /* % a percentage of something
28 /* em one em is equal to the font size of the current element
29 /* ex one ex is the x-height of a font, the x-height is usually about half the font-size
30 /* pt point (1 pt is the same as 1/72 inch)
31 /* pc pica (1 pc is the same as 12 points)
32 /* px pixels (a dot on the computer screen)
35 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
38 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> COLORS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
41 /* Examples (all give the same result):
48 /* There are 16 valid predefined colour names:
66 /* transparent is also valid
69 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
72 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PROPERTIES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
75 /* background-attachment
78 /* background-position
85 /* border-top border-right border-bottom border-left
86 /* border-top-color border-right-color border-bottom-color border-left-color
87 /* border-top-style border-right-style border-bottom-style border-left-style
88 /* border-top-width border-right-width border-bottom-width border-left-width
115 /* list-style-position
118 /* margin-right margin-left
119 /* margin-top margin-bottom
131 /* padding-top padding-right padding-bottom padding-left
155 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
158 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> DESCRIPTORS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
165 /* bbox <number>, <number>, <number>, <number>
166 /* cap-height <number>
167 /* centerline <number>
168 /* definition-src <uri>
170 /* font-family [ <family-name> | <generic-family> ] [, [<family-name> | <generic-family> ]]
171 /* font-size all | <length> [, <length>]
172 /* font-stretch all | [ normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ] [, [ normal |
173 /* ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded] ]
174 /* font-style all | [ normal | italic | oblique ] [, [normal | italic | oblique] ]
175 /* font-variant [normal | small-caps] [,[normal | small-caps]]
176 /* font-weight all | [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900] [, [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]]
178 /* panose-1 [<integer>]{10}
180 /* src [ <uri> [format(<string> [, <string>]*)] | <font-face-name> ] [, <uri> [format(<string> [, <string>]*)] | <font-face-name> ]
184 /* unicode-range <urange> [, <urange>]
185 /* units-per-em <number>
186 /* widths [<urange> ]? [<number> ]+ [,[<urange> ]? <number> ]+]
190 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
194 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PROPERTY & VALUE EXAMPLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
198 /* background-color: blue;
199 /* font-family: "Times New Roman", arial, helvetica, serif;
201 /* text-decoration: none;
202 /* font-style: italic;
203 /* text-transform: uppercase;
204 /* letter-spacing: 0.5em;
205 /* word-spacing: 2em;
206 /* line-height: 1.5em;
207 /* text-align: center;
210 /* border-style: dashed;
211 /* border-width: 3px;
212 /* border-left-width: 10px;
213 /* border-right-width: 10px;
214 /* border-color: red;
217 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
219 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> BODY <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
223 background-color: #d0e4fe;
227 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> DIV <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
239 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> GENERIC CLASSES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
271 font-family: courier;
280 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> IMAGE <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
288 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> HEADINGS AND PARAGRAPH <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
348 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */