Identifícate o Regístrate

Autor: Ricardo Borillo
Curso: 4,36/5 (109 opiniones) |8259 alumnos|Fecha publicación: 10/09/2004

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 IDEn 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.

Recibe nuestras novedades

Recibir

Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail