Kromě jednoduché specifikace fontů, velikostí a stylů umožňují CSS webovým
návrhářům rozmístit písmo ve vícero vrstvách s naprostou přesností. CSS užívá v souvislosti s vrstvami
webové stránky termín "z-index". Z-index odpovídá ose Z, která je kolmá na obě osy X a Y okna prohlížeče. S
použitím z-indexu mohou CSS umístit písmo v různých úrovních (nebo rovinách) k vytvoření efektu
vrstveného písma. Při absolutním pozicování typografických prvků, CSS vycházejí z "horního"
a "levého" umístění od okrajů okna prohlížeče.
Do hlavičky HTML dokumentu nebo do
externího souboru
vložíme kód:
< STYLE TYPE="text/css">
// začátek delkarací stylů - POUZE V HLAVIČCE!
.
jméno_vrstvy {
// deklarace stylu pro vrstvu písma
position: absolute;
// definice absolutního pozicování písma
top:
číslo px;
// odsazení vrstvy od horního
okraje okna prohlížeče
left:
číslo px;
// odsazení vrstvy od levého
okraje okna prohlížeče
z-index:
přirozené_číslo;
//
číslo vrstvy 1, 2, 3, ...; vrstva s vyšším číslem přepisuje vrstvu s nižším číslem
...
// sem přijdou definice vlastností písma
}
// konec deklarace stylu pro vrstvu písma
...
// sem přijdou deklarace dalších vrstev
< /STYLE>
// konec delkarací stylů - POUZE V HLAVIČCE!
POZOR!
Nezapomínejte na STŘEDNÍK za každou definovanou vlastností stylu!
V těle dokumentu používejte tag < SPAN CLASS="
jméno_vrstvy">!