css
Ce este CSS ?
Mai mult ca sigur ca toti dintre noi am folosit cel putin o data CSS (Cascade Style Sheets) dar nu neaparat am stiut ce este.
Istoria CSS-ului dateaza inca din ‘97 cand a fost folosit pentru prima data. Ca sa fac o comparatie, va invit sa va ganditi la functia intalnita in MS Word cu care putem sa definim anumite clase de preformatare pentru difertie parti ale unui document.
Cele mai intalnite functii se refera la font-ul si la culoarea unui text. Spre exemplu in HTML ati fi folosit sintaxa
<font color="#00ed00"> <h4>un titlu rosu</h4> </font>
pentru a afisa un titlu rosu
Avantajul cand folositi CSS este acela ca puteti defini un stil cum ar fi
H4 { color: red; }
ceea ce va insemna ca toate titlurile definite cu h4 vor fi de culoare rosie.
Regula de baza pe care este construit CSS se bazeaza pe doua lucruri: selector si declaratie.
Selectorul reprezinta tag-ul HTML care va fi afectat de declaratie. Declaratia reprezinta stilul dupa care va fi formatat selectorul.
Asadar pentru a face ca tot textul bold sa fie de culoare rosie vom folosi declaratia:
b {color: red;}
O alta calitate a CSS este aceea de a putea defini mai multe declaratii in acelasi timp cum ar fi:
b {color: red;} h1{color: red;} h2{color: red;}
In loc sa folosim declaratia de mai sus putem s-o folosim pe cea de mai jos:
b, h1, h2 {colord: red;}
Asadar toate titlurile cu tag-urile h1 si h2 respectiv textul bold vor fi de culoare rosie.
Deasemenea putem grupa mai multe declaratii:
h4 {font-family: Tahoma; color: blue}
CSS poate fi folosit in 3 parti pe o pagina: in sectiunea <head>, intr-un fisier extern sau intr-un tag separat. Declaratiile facute intr-un tag separat vor afecta doar acel tag pe cand celelalte doua variante vor afecta pagina care incarca declaratiile, integral.
Pentru a putea putea folosi declaratiile CSS in sectiunea <head> va trebui sa cream un tag numit <style>:
<head>
<style type="text/css">
H4 { color: blue; }
</style>
</head>O alta medota ar fi sa ne facem un fisier cu extensia .css iar mai apoi sa-l incarcam folosind codul urmator:
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
inainte de tag-ul .
O metoda pe care eu o mai folosesc cand vreau sa fac bypass la anumite declaratii si pe care nu o recomand decat celor care stiu ce fac este aceea de a importa declaratiile dintr-un fisier css chiar daca documentul are stabilite niste declaratii locale:
<style> @import URL (http://paginata.com/stylesheet.css);
H4 { color: #0000ff; }
</style>Atentie la declararile multiple pentru acelasi element; ultima declaratie va fi folosita pentru formatarea selectorului:
h1 {font-size: 1em;}
h1 {font-size: 15px;}
Asadar titlul cu tag-ul h1 va avea marimea font-ului de 15px.
Discutie
4 comentarii la “Ce este CSS ?”
Lasa un comentariu
Categorii
Comentarii
- Daniel 1963 la Nero 8
- Andy la Manuale pentru HUAWEI U120/U526/U528
- belial la Cat de mult iti pot mari reclamele Neogen timpul de incarcare a paginii ?
- Perfu la Cat de mult iti pot mari reclamele Neogen timpul de incarcare a paginii ?
- belial la Eset NOD32 Load Time
Link-uri
Prima data m`am gandit la Counter Strike Source.. :)) :D :D .. oricum, util tutorialul… bv
nu le am cu astea dar o sa-mi fie util tutorialul tau
H4 { color: red; }
ceea ce va insemna ca toate titlurile definite cu h4 vor fi de culoare albastra.
//rosie
Ah, mersi :)