1. Technologies for web publishing Ing. Václav Freylich Lecture 6

2. aTNPW1-6 Content  CSS – cascading style sheets Values The most important properties Pseudo-classes

3. aTNPW1-6 Values Using numbers whole numbers 0... 9 numbers with sign +5 or -8 real numbers: 0.5 Value types em – actual letter size ex – size of the small letter „x“ (usually 1/2em) px – point mm – millimetre cm – centimetre in – inch

4. aTNPW1-6 Values Percents 5%, 25%, -33%,.5% Colors Keywords … black, red, blue, … RGB mix … rgb(125,60,85), rgb(20%,30%,50%), … Hexadecimal (#RRGGBB) … #0012FF, …

5. aTNPW1-6 CSS – fonts Font selection font-family: arial, verdana, sans-serif; The generic font style definition is essential ! Serif face serif Sans-serif face sans-serif Unpropotional monotype Font size font-size: normal; font-size: 10px; font-size: 1.1em; Font style font-style: italic; Font weight font-weight: bold; Capital letters font-variant: small-caps;

6. aTNPW1-6 CSS – text properties Horizontal align … text-align: left; Used only for texts and other line elements Text indent … text-indent: 5%; Size of characters … text-transform:uppercase; Text decoration … text-decoration:underline; Speces between characters … letter-spacing:normal; Speces between words … word-spacing:5px;

7. aTNPW1-6 CSS – margin and padding X margin outside the box padding inside the box Value “X”margin of the green box padding of the blue box