clase en css

[daPhyre]

Ejemplos de:

Etiqueta:

Código:

p{
  color:#00f;
}

Con esto, todo lo que encierres en p será azul. Ejemplo:

Código HTML:

<p>Esta sección está en azul</p>

Identificador:

Código:

#titulo{
  color:#f00;
  text-align:center;
}

Con esto, asignarás estas propiedades a cualquier objeto que tenga id="titulo". Solo puedes usar un id con ese nombre, pues es su identificador único (Bueno para identificar el area del título, el pie de pagina, etc, y darle efectos personalizados, así como controlarlos desde otros como JavaScript). Ejemplo:

Código HTML:

<div id="titulo">
Esta es el area del título.<br/>
Está centrado y en color rojo.
</div>

Clase:

Código:

.azulynegro{
  color:#00f;
  background-color:#000;
}

Similar al identificador, pero lo puedes usar en varios objetos en tu página; por supuesto, al no se únicos, no puedes controlarlos como identidades únicas con JS u otros. Ejemplo:

Código HTML:

<p class="azulynegro">Este parrafo tiene fondo negro y texto azul</p>
<p>Esta sección no lo tiene, <span class="azulynegro">pero esta sección si.</span></p>

Si deseas, copia estos en un HTML para que los veas de forma visual y te sean más ilustrativos los ejemplos. Espero con esto ya hayas comprendido los casos y puedas aplicarlos a tu gusto. ¡Mucha suerte y felicidad! ;)