CSS - čo to je?, 1.diel
CSS - čo to je?, 1.diel
CSS alebo rovnako povedané "Cascading Style Sheets" a jeho využitie, definíca a otázky by bolo dobré odpovedať.
V poslednej dobe sa stále viac a viac stretávame s týmto výrazom. Čo vlastne CSS
je? Na čo slúži? Oplatí sa ho používať?
Štruktúrovanie stránky sa v dnešnej dobe robí pomocou elementov <div> a <span>. Ich cieľom je vzdialiť od seba štruktúru stránky resp. jej obsah a kód a napokon jej vzhľad. Vzhľad by nemal byť definovaný nikde inde ako v CSS. Pokiaľ to, tak nieje stránku nemožno považovať za plnohodnotnú CSS štruktúrovanú stránku. Všetko v CSS je jednoduché a čo všetko umožňuje neje len definícia 2 elementov ale aj úprava tagov. Napr. prečo by sa <form> malo posúvať o riadok. V CSS to vyriešite ak zrušíte margin a padding. To ale pomocou HTML neurobíte.
Kaskádové štýly zapisujeme do jednotlivých vlastných súborov s príponou .css alebo ich definujeme rovno v (x)html dokumente, ktorý práve tvoríme. Pri definícií v dokumente by sa štýly mali nachádzať v hlavičke webu <head>. Jedna možnosť je ešte priama definícia v tagu ale to je vlastne to od čoho sa CSS pokúša vzdialiť. Všetko čo CSS definuje je rozdelené na 2 časti a to na selektory a deklarácie. Selektory nám určujú čo máme zmeniť a ich deklarácie nám určia ako sa to má zmeniť. Odpoveď na otázku či sa oplatí používať CSS si dajte sami ale určite je dobrá len jedna :-).
V čom prácu uľahčuje a ako, si ukážeme v ďalšom diele o CSS.
CSS - Cascading Style Sheets
Kaskádové štýly nám uľahčujú pri tvorbe stránok život aj prácu(ak sa venujete tvorbe webu). Pomocou týchto štýlov je možné nastaviť, definovať veľkosť textu, farbu pozadia a pod. Slovo uľahčuje som použil s dôvodu, že pri starom HTML ste museli definovať každé jedno písmo, každé pozadie vo frame, pozadie tabuliek. Posledné veci čo som vymenoval sú odsudzované tagy a niektorí ľudia by ich zakopali pod zem. Samozrejme ich účel na niečo bol a história ich zakopala sama. Boli dobré pokým nebolo nič iné. Keď sa objavilo CSS ľudia sa začali zaujímať o túto technológiu a začala sa rozširovať čo umožnilo jej rozsiahle používanie a moderný web, ktorý chcete určite mať by nemal obsahovať v štruktúre stránky(layoutu) tagy <table>, <frame> alebo <iframe>. Samozrejme, ak tabuľky nepoužijete na ukladanie dát. To je ich skutočné poslanie. Štruktúra stránky by mala vyzerať decentne a hlavne prehľadne s vysokou prehľadnosťou. Takýto výsledok dosiahneme iba s kaskádovými štýlmi, ak počítame s prehľadným a rozumným kódom.Štruktúrovanie stránky sa v dnešnej dobe robí pomocou elementov <div> a <span>. Ich cieľom je vzdialiť od seba štruktúru stránky resp. jej obsah a kód a napokon jej vzhľad. Vzhľad by nemal byť definovaný nikde inde ako v CSS. Pokiaľ to, tak nieje stránku nemožno považovať za plnohodnotnú CSS štruktúrovanú stránku. Všetko v CSS je jednoduché a čo všetko umožňuje neje len definícia 2 elementov ale aj úprava tagov. Napr. prečo by sa <form> malo posúvať o riadok. V CSS to vyriešite ak zrušíte margin a padding. To ale pomocou HTML neurobíte.
Kaskádové štýly zapisujeme do jednotlivých vlastných súborov s príponou .css alebo ich definujeme rovno v (x)html dokumente, ktorý práve tvoríme. Pri definícií v dokumente by sa štýly mali nachádzať v hlavičke webu <head>. Jedna možnosť je ešte priama definícia v tagu ale to je vlastne to od čoho sa CSS pokúša vzdialiť. Všetko čo CSS definuje je rozdelené na 2 časti a to na selektory a deklarácie. Selektory nám určujú čo máme zmeniť a ich deklarácie nám určia ako sa to má zmeniť. Odpoveď na otázku či sa oplatí používať CSS si dajte sami ale určite je dobrá len jedna :-).
V čom prácu uľahčuje a ako, si ukážeme v ďalšom diele o CSS.
Alternatívne verzie:
Autor: PaBi3 ·
Kategória: Webdesign ·
Dátum: 06.05.2005 14:43
Vyhľadávanie
Kategórie
Anketa
Používate nejaký PHP framework?
Celkový počet hlasov: 3173
Najnovšie komentáre
Staršie príspevky
Zaujímavé odkazy
W3C, XML
Komentáre