CSS

1. Přímo vložený styl
2. Šablona stylu v dokumentu
3. Externí šablony stylů
4. Syntaxe stylů
5. Třídy stylů
6. Vlastnosti písma
7. Vlastnosti barvy a pozadí
8. Vlastnosti textu
9. Vlastnosti obdelníku
10. Vlastnosti seznamů
11. Značky <style>, <span> a <div>
12. Vlastnosti zobrazení

6. Vlastnosti písma

• font-family (s ohledem na české stránky)

bezpatkové
	font-family: sans-serif;
patkové
	font-family: serif;
neproporciální
	font-family: monospace;
Arial
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
Verdana
	font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
Tahoma
	font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
Times New Roman
	font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", times, serif;
Courier New
	font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
Comic Sans MS
	font-family: "Comic Sans MS CE", "Arial CE", "Sand CE", "Helvetica CE", "Comic Sans MS", lucida, fantasy;	

.pismo1 {font-family: "Comic Sans MS CE", "Arial CE", "Sand CE", "Helvetica CE", "Comic Sans MS", lucida, fantasy}

<span class="pismo1">nové písmo</span>

• @font-face

@font-face {
    font-family: mujFont;
    src: url(muj_font.ttf);
}

div {
    font-family: mujFont;
}

• font-size

.velikost1 {font-size: 20pt}     /*20 bodů*/
.velikost1 {font-size: +2pt}     /*o 2 body více než rodič (nemusí fungovat) */
.velikost1 {font-size: 200%}     /*o 100% více než rodič*/
.velikost1 {font-size: xx-small} /*nebo x-small, small, medium, large, x-large, xx-large*/
.velikost1 {font-size: smaller}  /*nebo larger*/

• font-stretch

• font-size-adjust

• font-style

.sklon1 {font-style: italic}
.sklon2 {font-style: oblique} /*téměř totéž co italic*/
.sklon0 {font-style: normal}

• font-variant

.malapismena {font-variant: small-caps}
.normalpismena {font-variant: normal}

• font-weight

.pokuspismo {
    font-size: x-large;
    font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
    font-style: italic;
    font-variant: small-caps;
    font-weight: bold;
}