АБРАКАДАБРА (Тоже самое но в читаемом виде)
To4noe raspolojenie ob&ektov na stranice otnositel'no drug druga avlaetsa, pojaluy, odnoy iz samix slojnix zada4 dla veb-mastera. Napisat' HTML-kod stranici tak, 4tobi vse grafi4eskie izobrajenia i tekstovie bloki bili na svoix mestax ne tol'ko na komp'utere veb-mastera, no i u vsex posetiteley sayta, - nastoa6ee iskusstvo. Maksimal'no krupniy kegl', vistavlenniy pol'zovatelem v svoem brauzere, mojet velikolepnoe tvorenie prevratit' v besporado4noe nagromojdenie testa i kartinok.
Kaskadnie tablici stiley (Cascading Style Sheets), deklariruemie kak sredstvo polnogo kontrola nad HTML-razmetkoy, predstavlautsa v svete rassmatrivaemoy problemi, kak xoro6iy instrument dla organizacii to4nogo raspolojenia ob&ektov na stranice. CSS pozvolaut pereopredelit' vse svoystva lubogo tega, nazna4aemie po umol4aniu. Stanovitsa vozmojnim vipolnat' viravnivanie tekstovogo bloka otnositel'no stranici i drugix tekstovix blokov.
Ispol'zovanie CSS otkrivaet novie specifi4eskie vozmojnosti, analogov kotorim net s standartnom HTML. Naprimer, vozmojno ustanovit' mejbukvennie i mejstro4nie rasstoania dla teksta, to4no ukazat' polojenie risunka na zadnem plane bez ego mozai4nogo vikladivania po vsemu dokumentu.
Voob6e, Kaskadnie tablici stiley pozvolaut zadumat'sa o dizayne veb-stranici, ob esteti4eskoy storone vospriatia informacii pol'zovatelem, a ne tol'ko ob utilitarnoy.
S primeneniem CSS rastet skorost' sozdania novoy stranici. Stili, opredelennie odin raz, mogut bit' ispol'zovani neograni4ennoe 4islo raz v lubom meste dokumenta. Vajnoy detal'u avlaetsa vozmojnost' zadat' stili v otdel'nom fayle v vide prisvoenia razli4nix svoystv tegam i sozdanii pol'zovatel'skix stiley. Pereopredelenie stiley v takom fayle vizovet avtomati4eskoe izmenenie stila otobrajenia vsex ob&ektov, dla kotorix primenalsa izmenenniy stil'.
Ostanovimsa podrobnee na sposobax primenenia CSS. Su6estvuet 4etire sposoba primenenia stiley:
- Pereopredelenie stila v elemente razmetki
- Razme6enie opisania stila v zagolovke dokumenta s ispol'zovaniem tega style
- Razme6enie ssilki na vne6nee opisanie 4erez teg link
- Import stila v dokument
Pereopredelenie stila v elemente razmetki - eto primenenie nekotorogo dostupnogo v CSS stila k dannomu elementu razmetki. Pri takom sposobe pereopredelenia izmenenia kosnutsa tol'ko togo elementa, za kotoriy otve4aet danniy teg i ne budut otrajat'sa na drugix elementax, takje vivodimix etim tegom v drugom meste stranici. Pozvolaet primenit' nujniy stil' k konkretnomu u4astku dokumenta.
Pereopredelit' standartniy element razmetki ili sozdat' sobstvenniy s trebuemimi svoystvami otobrajenia mojno s pomo6'u parnogo tega style, naxoda6egosa v zagolovke dokumenta pered tegom body. Takje s pomo6'u tega style sozdautsa proizvol'nie klassi. Ix ispol'zovanie dopuskaet odnokratno zadat' odinakovie svoystva otobrajenia dla raznix tegov. Udobno, naprimer, zadavat' odinakoviy 6rift dla teksta i naxoda6ixsa v nem giperssilok. Esli pri etom ne zadan cvet i stil' pod4erkivania, to eti parametri ostanutsa dla giperssilok prejnimi i oni ostanutsa videlennimi sredi obi4nogo teksta.
Kogda odni i te je stili ispol'zuutsa na neskol'kix ili vsex stranicax sayta, ne obazatel'no opredelat' ix v kajdom html-dokumente. Dostato4no soxranit' ix v otdel'nom fayle i ssilat'sa na nego v kajdom dokumente s pomo6'u tega link, stoa6ego v elemente head (do tega body). Atribut rel pri etom doljen imet' zna4enie "stylesheet".
Vozmojno takje proizvesti import stila v dokument. Otli4ie ot ssilki na vne6nee opisanie v tom, 4to import stila mojet bit' proizveden vnutr' elementa style ili vnutr' vne6nego fayla s opisaniem stiley, zadavaemogo v tege link. Takim obrazom mojno sozdat' vne6niy fayl dla vne6nego fayla. Instrukcia importa stila stavitsa pered vsemi ostal'nimi opisatelami stiley, 4to delaet vozmojnim legko pereopredelit' importiruemiy stil'.
No u luboy texnologii est' svoi nedostatki. Est' oni i u texnologii CSS. To4nee, bol'6e vsego nedostatkov viditsa v primenenii CSS. Eto obuslovleno nepolnoy sovmestimost'u CSS s razli4nimi brauzerami daje poslednix versiy i voznikau6ego iz-za etogo otsutstvia propagandiruemoy v CSS to4nosti otobrajenia stranici v razli4nix brauzerax. Import stila, naprimer, podderjivaetsa daleko ne vsemi brauzerami. Po etoy pri4ine mnogie veb-masteri poka e6e opasautsa primenenia vsex vozmojnostey CSS ispol'zua tol'ko nekotorie.
Blokirovka kegla 6rifta pri otobrajenii teksta v brauzere pozvolaet priobresti uverennost' v to4nom raspolojenii vsex elementov stranici na komp'utere pol'zovatela, no li6aet pol'zovatela vozmojnosti pol'zovatela vibrat' udobniy dla 4tenia razmer 6rifta samostoatel'no. Takoy podxod avlaetsa, po su6estvu, neuvajeniem k posetitelu sayta.
4asto pro CSS govorat, 4to s ix pomo6'u legko menat' dizayn vsego sayta srazu. Dla etogo dostato4no pereopredelit' stili v fayle stiley. No nastoa6iy dizayner, re6iv6iysa na izmenenie dizayna sayta, nikogda ne ostanovitsa tol'ko na peredelke otobrajenia 6riftov.
Kaskadnie tablici stiley - perspektivnaa texnologia. No mnogie veb-masteri poka e6e ograni4ivautsa tol'ko primeneniem CSS dla izmenenia cveta giperssilki pri podvedenii k ney ukazatela mi6i. |