Ejemplos de:
Etiqueta: 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! ;)