Asignación de estilo
El atributo CLASS
Nos permite asignar estilos al documento sin preocuparnos de los
elementos concretos a los que se aplicarán. Como desventaja, está el hecho
de que debemos modificar el código HTML del documento, incluyendo
atributos CLASS en los lugares donde queramos aplicar estilos.
<p class="cita">En en lugar de la mancha ...</p>
Sólo nos queda definir este nuevo estilo como una regla más de
nuestro documento CSS:
.cita {font-weight: bold; color: red;}
El punto inicial es necesario para mantener la definición de este
estilo desvinculada de cualquier elemento del documento. Si queremos
restringir el uso de este estilo a un tipo de elemento, podemos definirlo
como:
p.cita {font-weight: bold; color: red;}
El atributo ID
En cierta forma, el atributo ID es igual que CLASS. Diferencias:
-
La definición de los estilos de tipo ID, están precedidas por el
carácter #, en lugar del punto.
#first-para {font-weight: bold;}
<P ID="first-para">This is the first paragraph, and will be boldfaced.</P>
-
El mismo atributo ID sólo puede usuarse en un elemento. Debe ser
único. En la realidad, los navegadores no hacen comprobaciones de este
tipo y podemos utilizar el mismo valor de ID para dar estilo a
múltiples elementos.
-
Los estilos de tipo ID también pueden definirse al margen de
cualquier elemento, pero estas definiciones no tienen ningún sentido
al ser sus valores únicos y no aplicables a otros elementos.
Tutoriales
