CSS ID-uri

ID-urile sunt similare cu clasele, cu exceptia ca un ID nu poate fi folosit pe aceeasi pagina (X)HTML decat o singura data. In general, ID-urile se folosesc pentru stilizarea elementelor dintr-o pagina care apar doar o singura data, altfel, folosirea claselor este recomandata. Containerul principal al paginii din exemplul de mai jos, este definit astfel:

<div id="container">
  Tot continutul paginii este plasat in acest container.
</div>

Am ales sa folosesc ID-ul in loc de clasa, deoarece elementul respectiv apare o singura data pe pagina. Urmeaza codul din fisierul CSS, care arata cam asa:

#container {
  width: 80%;
  margin: auto;
  padding: 20px;
  border: 1px solid #666;
  background: #ffffff;
}

De observat ca selectorul ID-urilor incepe cu semnul diez (#) si nu cu punct (.) cum se intampla in cazul claselor. Retineti ca diferenta dintre class si id este ca id apare o singura data in pagina in timp ce class poate fi folosit ori de cate ori este nevoie