Metode de aplicare a stilurilor CSS - class & id
Sunt mai multe metode de aplicare a stilurilor CSS dar de cele mai multe ori avem nevoie sa aplicam acelasi stil mai multor titluri sau zone din pagina sau chiar unui anumit element.
Aici intervin atributele “class” si “id”. Utilizarea acestor atribute usureaza enorm munca de administrare a site-ului si se poate structura mult mai eficient design-ul acestuia.
Atributul class se foloseste atunci cand avem nevoie sa aplicam acelasi stil mai multor elemente de pe aceasi pagina sau din toate paginile.
De exemplu avem un titlu pe fiecare pagina care nu numai ca se repeta de cateva ori in aceeasi pagina dar vrem sa fie identic si pe celelalte pagini:
<style type="text/css">
.titluCeSeRepeta {
background-color: #0000ff;
font-size: 14px;
}
</style>
Astfel cand vom scrie titlul trebuie sa avem grija sa introducem si atributul de clasa:
<div class="titluCeSeRepeta">Aici va fi un titlu cu fundal albastru si marime de 14 pixeli</div>
Atributul “id” e asemenator cu “class” doar ce trebuie sa fie unic. Standardele HTML nu permit repetarea aceluiasi ID.
Astfel ca in codul CSS in loc de “.” vom scrie “#”. Acest semn face diferentierea dintr-o clasa si un ID.
Id-ul este preferat de utilizat doar pentru elemente singulare ce nu se mai repeta nici pe alte pagini.
Eu folosesc aceste id-uri doar pentru crearea layout-ului pentru site si atat. Pentru celelalte elemente folosesc atributul “class”.