www.romver.ru
/ Полный список статей / Каскадные таблицы стилей

Как заказать сайт


АБРАКАДАБРА (Тоже самое но в читаемом виде)

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:



  1. Pereopredelenie stila v elemente razmetki
  2. Razme6enie opisania stila v zagolovke dokumenta s ispol'zovaniem tega style
  3. Razme6enie ssilki na vne6nee opisanie 4erez teg link
  4. 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.

3
Создание эксклюзивных сайтов, юзибилити анализ и бесплатный анализ под запросы основных поисковых машин
Контактная информация :
тел. +7(812) 984 5721

Написать письмо на e-mail
icq 415547094  romverрейтинг на mail.ru сайта romverinbox.ru
© 1997 - 2018 romver.ru

Полная карта сайта Display Pagerank