Pakopiniai stiliai

CSS kalba ar stiliaus kalba – tai kompiuterijoje naudojama kalba, išreiškianti struktūrinių dokumentų, tokių kaip HTML (hiperteksto žymėjimo kalba), pateikimą.

Kodėl jos mums reikia?

HTML numatytoji paskirtis – apibrėžti tinklalapio turinį, bet niekada nebuvo numatyta, jog joje bus indikatorių, skirtų tinklalapio formatavimui. Kai indikatoriai ir spalvų atributai buvo įtraukti į ankstesnes HTML versijas, tinklalapių kūrėjams prasidėjo tikras košmaras. Didelių svetainių kūrimas, įtraukiant šriftų ir spalvų informaciją į kiekvieną puslapį, tapo ilgas ir brangus procesas. Norėdamas išspręsti šią problemą, Worl Wide Web Consortium (W3C) sukūrė CSS stiliaus lapus. Naujausioje HTML versijoje (HTML 4.0) visą formatavimą galima pašalinti iš HTML dokumento ir saugoti atskirame CSS faile. Šiuo metu visos naršyklės palaiko CSS.

Stiliaus lapų (tinklalapio vaizdo pateikimo ir turinio atskyrimo) nauda

Lengva prižiūrėti: Įsivaizduokite, jog kaip tinklalapių dizaineris jūs sukūrėte klientui dviejų šimtų puslapių tinklalapį. Pabaigus darbą, klientas nusprendžia, kad šriftas yra šiek tiek per mažas ir jis pageidauja didesnio, bei kad vietoj "Verdana" būtų naudojamas "Arial" šriftas.

Jei nenaudojate stiliaus lapo: Jūs turite eiti į kiekvieną iš 200 puslapių ir pakeisti teksto šriftą bei dydį.

Jei naudojate stiliaus lapą: Jūs pakeičiate teksto šriftą ir dydį CSS faile, o tada šie pakeitimai ir naujas stilius atsispindi visame dokumente.

Greitesnis puslapio įkrovimas: Paprastai interneto naršyklė turi parsisiųsti visą formatavimo kodą, esantį kiekviename jūsų tinklalapio puslapyje.  Naršyklė perskaito visą kodą ir tada parodo turinį. Naudojant CSS failą, stiliaus lapas, atsisiųstas vieną kartą, bus laikomas naršyklės supersparčiojoje tarpinėje atmintyje.  Visi puslapiai po jūsų pradinio puslapio bus rodomi greičiau, nes naršyklė kreipsis į informaciją, esančią supersparčiojoje tarpinėje atmintyje, o ne turės atsisiųsti ją kiekvieną kartą.

Nuoseklumas: Nuoseklumas visuose įvairiuose interneto puslapiuose jūsų svetainėje bus garantuotas, nes stilius bus kuriamas iš to paties šaltinio.

Pagerina prieinamumą: pažangios kai kurių naršyklių funkcijos leidžia lankytojams apsibrėžti savo pačių stilių, perrašant jūsų stiliaus lapą, tai gali būti naudinga tiems, kurių silpnas regėjimas ir kurie pageidauja, kad tekstas jūsų svetainėje atrodytų didesnis.

Trumpai tariant, CSS nustato, KAIP bus rodomi HTML elementai. 

CSS turinys

CSS vaizdas