Cod:
p.center {text-align:center}
p.right {text-align:right}
Cu aceasta bucata de cod CSS am stabilit doua clase de paragrafuri, unul centrat si altul aliniat la dreapta. Acum le vom aplica in HTML.
Cod:
Paragraf centrat.
Paragraf aliniat la dreapta.
In cazul in care vrem sa folosim aceasi clasa pentru mai multe elemente vom elimina tagul
din numele clasei.
Sa zicem ca vrem sa centram mai multe elemente. De exemplu un div, un titlu, un paragraf si o imagine. Putem folosi aceasi clasa.
Cod:
.center {text-align:center}
Ar trebuii mentionat ca numele clasei ".center", este un nume generic si nu are nimic de-a face cu actiunea asupra unui tag. Se putea numi la fel de bine si ".clatitecugem".
Cod:
.clatitecugem {text-align:center}
Un titlu centrat
Clatitele cu gem sunt foarte bune, etc.. (Tot acest paragraf va fi centrat in mijlocul div-ului).
Cu toate acestea, va sfatuiesc sa folositi nume descriptive si intuitive. Sunt mult mai simple si servesc mai bine la intelegerea ulterioara a codului CSS.
CSS - Id
Id-ul se foloseste la fel ca si class. De fapt singura diferenta intre class si id este sintaxa de definire. Vom folosi un diez (#) in loc de punct pentru a defini id-ul in CSS
Cod:
#center {
text-align:center;
color:blue
font-family:"sans serif"
}