4.5.5 Stiililehed ja nende kasutamine disainis (CSS ja XSL)
4.5.5 Stiililehed ja nende kasutamine disainis (CSS ja XSL)
CSS
Kui dokumendi loogiline struktuur luuakse märgenditega (lõigud, pealkirjad, tabelid, loetelud jne.), siis kogu vorming tuleb teostada stiililehtedel (Cascading Style Sheets). Võrreldes HTMLiga on stiililehtedel palju rohkem võimalusi dokumenti kujundada. CSSiga saab nii kujundada kui paigutada, reguleerida nähtavust ja järjestada HTMLi komponente. Kui kasutusele võtta lisaks ka JavaScript, siis on võimalik luua HTML komponentide animatsioone. Seda tehnoloogiat nimetatakse DHTML (Dynamic HTML).
Stiililehed lubavad:
- määrata kujundite ja teksti suurust
- määrata viitade ja teksti kiri ja värv
- määrata elemendi paigutust lehel
- luua ääriseid ja taandeid
- määrata taustavärvid ja tausta kujundid erinevatele elementidele
- luua graafiliste markeritega loetelusid
- raamida erinevaid elemente
- jne.
CSS vahendite kasutamine muudab erinevate elementide vormindamise paindlikumaks. Stiile saab kasutada nii dokumendi osas, kui ka terves dokumendis ja ka tervel saidil. Pealegi CSSi kasutamine võimaldab luua lehekülgi, mille väljanägemine on sama ka erinevate brauserite poolt kuvatuna.
Eksisteerib kolm stiili kirjeldamise meetodit, mis määravad stiili kasutusala.
1. stiili kirjeldus asub märgendi sees: <märgend style="atribuut:väärtus;"> (stiili kasutab märgendiga määratud element)
2. stiilide kirjeldus asub dokumendi päises märgendite <style></style> vahel (stiil on kasutusel terves dokumendis)
3. stiilide kirjeldus asub eraldi failis (stiili võib kasutada iga dokument, mis antud failile viitab).
CSS lause üldkuju: märgend {definitsioon; definitsioon; definitsioon} kirjeldused eraldatakse teineteisest semikoolonitega.
Näited:
- h2 {font-size: 16pt; font-style: italic; font-family: arial}
- td { font-family: Arial; font-size: 8pt; color: #FF0000; text-transform: capitalize; text-decoration: overline underline; font-weight: bold }
- body { font-size: 8pt; font-family: serif; font-weight: bold }
CSSi spetsifikatsioon (versioon 2.1): http://www.w3.org/TR/CSS21/
XSL
XMLi kujundamisel saab kasutada spetsiaalseid stiilifail XSL, mille abil saab tingimuslikult kujundada terve XMLi andmestiku. Selle jaoks ei pea iga andmeühiku jaoks eraldi koodi kirjutama, vaid XSL loob kujunduse üldiste reeglite alusel.
