Internetul a devenit extrem de popular intr-un interval de timp relativ scurt.
La inceput, internetul continea pagini axate doar pe text, design-ul acestora nefiind important. Cu trecerea timpului, designerii au dorit sa ofere o pata de culoare paginilor de internet.
Au fost introduse noi etichete in limbajul HTML precum <font>. Din cauza ca nu toate browser-ele suportau eceste etichete si in consecinta nu puteau afisa pagina respectiva, a fost creat limbajul CSS.
CSS reprezinta acronimul pentru Cascading Style Sheets.
Nu trebuie sa incurci CSS cu HTML. Cu ajutorul limbajului HTML se poate crea structura unui site si continutul acestuia. CSS aduce doar modificari din punct de vedere al designului unei pagini deja create in HTML.
Pentru a aplica CSS unei pagini este necesar sa ai cunostiinte HTML. In cazul in care nu esti familiarizat cu limbajul HTML, iti recomand sa urmezi cursul urmator gratuit: Curs HTML!
Exista trei posibilitati prin care se poate integra CSS pentru o pagina HTML:
1. Intern - in sectiunea <head> a unei pagini HTML.
Pentru a integra CSS in sectiunea <head>, se va folosi eticheta pereche <style> oriunde in interiorul lui <head>:
<head>
<style type="text/css">
<..
sintaxa CSS
..>
</style>
</head>
2. Inline - in interiorul etichetelor corespunzatoare HTML:
Se poate integra CSS direct in etichetele standard ale limbajului HTML (in anumite etichete).
<font style="color: green;">
3. Extern - intr-un fisier separat css care este apelat de catre pagina HTML.
Se va crea un fisier cu extensia".css" care va contine elemente de design. Acest fisier poate fi apelat de fiecare pagina care doriti sa fie modificata.
Pentru a putea apela fisierul CSS trebuie ca in head-ul fiecarei pagini sa introduceti urmatoarea eticheta:
<link rel="stylesheet" type="text/css" href="/locatie_fisier_css.css">
Fiecare posibilitate din cele trei este corecta, dar cea mai eficienta din punct de vedere al flexibilitatii si modificarilor ulterioare este a treia (Fisier separat CSS).
Ordinea prioritara / de suprascriere a celor trei posibilitati de integrare este urmatoarea:
In interiorul etichetelor>In HEAD>In fisier separat.
Asta inseamna ca daca vom integra CSS intr-o eticheta si alt css intr-un fisier separat, dar pentru acelasi element din pagina, se va lua in considerare CSS-ul din eticheta deoarece este prioritar.
Exista mai multe avantaje in utilizarea CSS-ului. Printre acestea se numara modificarea usoara a designului, spatiul mai mic ocupat de cod si in consecinta incarcarea mai rapida a paginii.
Este greu fara practica sa poti intelege un anumit proces.
In lectiile urmatoare, te voi invata fiecare pas necesar pentru a putea aplica CSS cu succes. La finalul lectilor, vei avea aptitudinile necesare pentru a crea un site demn de admirat.
Pentru a intelege cat mai bine CSS, iti recomand sa parcurgi fiecare lectie si sa scrii singur fiecare exemplu propus de mine.
GrigDroid - Un Blog Despre Android