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.
Az egyes tageken belĂĽlEz 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.
A stĂluslapok felĂ©pĂtĂ©seMost, 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:
Szülõk.Név {Paraméter1:Érték1, Érték2, Érték3;
Paraméter2:Érték1, Érték2;...}
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:
H1.B {Text-decoration: underline}
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:
.fejlec {Font-family: "StarTrekGen HV BT",
"Times New Roman", serif; Font-Size: 30pt}
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:
<P><DIV CLASS="fejlec">Eleg jĂłl
kiüt a környezetbõl</DIV>, nem igaz? </P>
Ha szeretnĂ©d, hogy a H1-en belĂĽli fejlĂ©cek mĂ©g pirosak is legyenek, a .fejlec sor után Ărd be, hogy
H1.fejlec {color: red}
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.
Hozz�sz�l�sok Kedves Olvas�! Jelentkezzen be �s akkor hozz�sz�lhat a t�m�hoz!