Notiuni introductive CSS
1.1. Ce sunt foile de stil in cascada
CSS functioneaza cu HTML, insa nu este HTML.
El extinde functionalitatile HTML, permitand printre altele redefinirea etichetelor HTML existente.
1.2. Tipuri de reguli CSS
Exista trei tipuri de reguli CSS.
1.2.1. Selector HTML
h1 { font:’Verdana’; 14px/24px; bold; }
Definirea unui selector HTML folosind CSS implica de fapt redefinirea etichetei HTML.
Selectorul si eticheta desi par identice, totusi nu sunt.
1.2.2. Clasa
Clasa este o regula care poate fi aplicata oricarei etichete HTML, fiind cel mai adaptabil tip de selector.
.MyClass {font-family:’Arial’; font-size:12px; font-style:normal;}
O clasa poate fi denumita in orice mod, dupa preferintele utilizatorului.
1.2.3. Identificator
Regulile de tip identificator (ID) sunt asemanatoare cu selectorii de clasa. Ele pot fi aplicate oricarei etichete HTML.
#MyObject {position: relative; top:10px; left:5px;}
Selectorii ID sunt aplicati, de obicei, o singura data unei etichete HTML.
1.3. Componentele unei reguli CSS
Regulile CSS, indiferent de tipul lor, au in componenta urmatoarele:
1.Selectorii – identifica o regula; pot fi selectori de etichete HTML, clase sau identificatori.
2. Proprietatile – identifica o entitate definita; se refera in special la aspect.
3. Valorile – sunt atributele unei proprietati; pot fi cuvinte cheie, valori numerice sau procentuale, tipul valorii depinzand foarte mult de proprietate.
Sintaxa elementara a unei reguli CSS este urmatoarea:
selector {proprietate: valoare; }
Proprietatile si valorile constituie definitia regulii CSS. Ele se regasesc sub forma de perechi, despartite de ”:”, fiecare pereche fiind urmata de ”;”. Este bine ca si dupa ultima enumerare sa se foloseasca ”;” pentru a impiedica aparitia unor probleme ulterioare la adaugarea unui nou element in definitie.
Etichetele HTML nu sunt sensibile la diferenta intre majuscule si litere mici, pe cand cele XHTML, da (astfel ca, toti selectorii trebuie scrisi cu litere mici).
Leave a Comment
Trebuie să fii autentificat pentru a publica un comentariu.