(Ezt a fejezetet Cactus kĂŠszĂ­tette.)

A HTML nyelv fĂľkĂŠnt a tartalom leĂ­rĂĄsĂĄra szolgĂĄl, irĂĄnyelveket ad a bĂśngĂŠszĂľknek a megjelenĂ­tĂŠsre vonatkozva, azonban teljessĂŠggel elkĂŠpzelhetĂľ, hogy pl. egy bĂśngĂŠszĂľprogram a <CITE> taget fĂŠlkĂśvĂŠrrel szedi, holott te dĂľltet kĂŠpzeltĂŠl el oda. EzĂŠrt szĂźletett meg az igĂŠny a stĂ­luslapokra, amely pont a HTML komplementere: csak a megjelenĂ­tĂŠsre tartalmaz irĂĄnyelveket. TĂśrtĂŠnelmi megkĂśzelĂ­tĂŠsben vizsgĂĄlĂłdva fontos lehet megemlĂ­teni, hogy az Internet Explorer a 3.0-s, a Netscape Navigator a 4.0-s verziĂł Ăłta kezeli a stĂ­luslapokat.

A stĂ­lus leĂ­rĂĄsĂĄt kĂźlĂśnbĂśzĂľkĂŠppen is beĂĄgyazhatod oldaladba:

Ez azt jelenti, hogy a tag kap egy STYLE paramĂŠtert, amelyen belĂźl definiĂĄlod a kinĂŠzett. Ez mindhĂĄrom mĂłdszer kĂśzĂźl a legrosszabb: egyrĂŠszt ugyanĂşgy, mint a mĂĄsodik mĂłdszernĂŠl, nem lehet kĂśzpontilag megvĂĄltoztatni, mĂĄsrĂŠszt elĂŠggĂŠ idegen a HTML gondolatvilĂĄgĂĄtĂłl, ugyanis Ăśsszekeveri a tartalmi ĂŠs a formai definĂ­ciĂłkat.

Mindent Ăśsszevetve az elsĂľ mĂłdszer tĂťnik a legjobbnak, de a kezdeti prĂłbĂĄlgatĂĄsokhoz talĂĄn a mĂĄsodik a legegyszerĂťbb, mivel itt egy file-t szerkesztesz, de egybemarad a stĂ­luslap, tehĂĄt kĂŠsĂľbb kiemelhetĂľ onnan kĂźlĂśn file-ba.

Most, hogy mĂĄr tisztĂĄztuk, hogyan tudod majd felhasznĂĄlni a stĂ­luslapodat, ideje megĂ­rnod. ElĂľszĂśr azonban egy kis fejtĂĄgĂ­tĂĄs kĂśvetkezik.

Akinek "szĂĄmĂ­tĂĄstechnikus agya" van, vagy foglalkozott mĂĄr pl. OOP-vel, az bizonyĂĄra ĂŠrteni fogja a stĂ­lusok hierarchiarendszerĂŠt. Azonban nem mindenki Ăşgy Ăźl le, hogy bemutassa pl. a virĂĄgĂźzletĂŠt a Weben, hogy elĂľtte nem csak felhasznĂĄlĂłi szinten foglalkozott szĂĄmĂ­tĂĄstechnikĂĄval. A stĂ­luslapok hierarchiarendszerĂŠrĂľl lesz ugyanis most szĂł.

A lĂŠnyeg az, hogy ha megadod egy tag kinĂŠzetĂŠt, akkor a tĂśbbi, azon belĂźli tag ĂśrĂśkli azt, ha csak felĂźl nem Ă­rod. PĂŠldĂĄul ha a BODY tag-et pirosra ĂĄllĂ­tod, ĂŠs a B-t alĂĄhĂşzottra, akkor mivel a B a BODY-n belĂźl van, pirosan ĂŠs alĂĄhĂşzva jelenik meg. Ha viszont a P kĂŠk, akkor kĂŠken fog megjelenni. Ha pedig egy P tag-en belĂźl elhelyezel egy B tag-et, akkor az kĂŠk lesz, ĂŠs alĂĄhĂşzott.Emellett vastag is-vajon miĂŠrt? TermĂŠszetesen azĂŠrt, mivel a bĂśngĂŠszĂľk a B tag-et alapĂŠrtelmezĂŠsben vastagon jelenĂ­tik meg, ĂŠs nem mondtuk meg neki, hogy vĂŠkony legyen. TehĂĄt az elsĂľ esetben a B ĂśrĂśkĂślte a fĂŠlkĂśvĂŠrsĂŠget, a piros szĂ­nt ĂŠs sajĂĄt magĂĄtĂłl az alĂĄhĂşzottsĂĄgot, ebben a sorrendben. A mĂĄsodik esetben viszont ĂśrĂśkĂślte a fĂŠlkĂśvĂŠrsĂŠget, a piros szĂ­nt, a kĂŠk szĂ­nt ĂŠs az alĂĄhĂşzottsĂĄgot. Mivel a piros is, a kĂŠk is szĂ­n ĂŠs mivel a kĂŠk volt utĂłbb, a szĂśveg kĂŠkkel jelenik meg. Igen, ez elsĂľre nem valami egyeszerĂť, de kĂŠtsĂŠgkĂ­vĂźl logikus.

A stĂ­luslap bejegyzĂŠse a kĂśvetkezĂľ formĂĄban jelenik meg:

Ha a szĂźlĂľt nem adjuk meg, akkor a beĂĄllĂ­tott ĂŠrtĂŠkek a szĂźlĂľtĂľl fĂźggetlenĂźl jelennek meg, a fenti pĂŠldĂĄban a B tag mindig alĂĄhĂşzottan jelent meg. Ha azt szeretnĂŠnk, hogy csak azok a vastagbetĂťs szĂśvegek legyenek alĂĄhĂşzva is, amelyek 1-es fejlĂŠcben szerepelnek, a szĂźlĂľt termĂŠszetesen H1-nek kell beĂ­rni:

Ekkor a kenyĂŠrszĂśvegekben nem jelenik meg az alĂĄhĂşzĂĄs. Egy paramĂŠternek azĂŠrt adhatsz tĂśbb ĂŠrtĂŠket is, hogy pl. egy szĂśveg egyszerre lehessen alĂĄhĂşzott ĂŠs villogĂł (mindkettĂľ text-decoration). Egy tag-en belĂźl kĂźlĂśnbĂśzĂľ gyermekosztĂĄlyokat is lĂŠtrehozhatsz, amelyek szĂźlĂľje ugyanĂşgy a felette ĂĄllĂł tag, mint a normĂĄl tag-ek esetĂŠben. PĂŠldĂĄul:

Ezek utĂĄn ha szeretnĂŠl egy kenyĂŠrszĂśvegen belĂźl elhelyezni egy fejlĂŠcet, a DIV tag CLASS paramĂŠterĂŠnek Ă­rjad be, hogy fejlec:

Ha szeretnĂŠd, hogy a H1-en belĂźli fejlĂŠcek mĂŠg pirosak is legyenek, a .fejlec sor utĂĄn Ă­rd be, hogy

Ekkor ha a <DIV> tag-eta H1-en belĂźl hasznĂĄlod, akkor a standard .fejlec alstĂ­luson kĂ­vĂźl megkapja a csak a H1-es .fejlecre jellemzĂľ piros szĂ­nt. Az A tag-nek ezenkĂ­vĂźl hĂĄrom gyermekstĂ­lusa van: A:Link, A:Visited, A:Active. Ezekkel ĂĄllĂ­thatod be kĂźlĂśn a normĂĄl, a mĂĄr meglĂĄtogatott ĂŠs az ĂŠppen aktĂ­v ĂŠlĂľkapocs kinĂŠzetĂŠt.