Programación Web » Aprender CSS » Unidad 1. Aprender CSS:

Jerarquía de estilos

Visto: 2,034

css

Las instrucciones de estilo procedentes de fuentes diversas se guardan conforme a una jerarquía.

Puesto que las instrucciones de estilo se pueden vincular y combinar de muchas maneras distintas, hay que determinar el procedimiento a seguir en caso de producirse instrucciones contradictorias o conflictivas. Por ejemplo, si tenemos varias instrucciones asignando diferentes valores a una misma propiedad ¿a qué instrucción tendremos que darle prioridad?

Cascada (cascade)

Se denomina cascada al sistema jerárquico que otorga a las instrucciones de estilo de mayor o menor importancia en función de su procedencia. Es un sistema de regulación para evitar incongruencias entre diferentes hojas de estilo.

  • Cada navegador dispone de su propia hoja de estilo estándar (Browser-Style) que es la que utiliza para representar las páginas HTML. El tipo de letra, el color de fondo y el de la fuente, el color de los vínculos, el tamaño de los títulos, etc., los formatea el navegador.
  • Los navegadores modernos permiten al usuario crear sus propias hojas de estilo (hojas de estilo personalizadas, userstyles). El usuario puede, por tanto, configurar sus preferencias en el navegador y sobrescribir con ellas los ajustes de la hoja de estilo del navegador.
  • Las hojas de estilo creadas por nosotros, sobrescriben, por regla general, diferentes instrucciones tanto del navegador como del usuario (siempre que existan); las hojas de estilo se combinan. Si vincula varias hojas de estilo de autor a su página, en caso de conflicto siempre serán las instrucciones de la última hoja de estilo referenciada las que tengan preferencia. Su hoja de estilo personalizada, esto es, la hoja de estilo de autor, no puede ser sobrescrita por la del usuario, ya que la hoja de estilo de autor tiene mayor prioridad. Esta prioridad jerárquica sólo puede cambiarse mediante la regla !important
  • Por otro lado, en el área <head> del documento se pueden incluir instrucciones de estilo definidas (incrustadas). Las instrucciones incrustadas sobrescriben las instrucciones externas o importadas, pero sólo en el documento actual (esto es, el documento en que están incrustadas las instrucciones).
  • Y las but not least, enla etiqueta HTML también podrían aparecer directamente (inline) instrucciones de estilo. Esas instrucciones tienen entonces prioridad ante todas las demás instrucciones, aunque sólo en la instancia actual (esto es, en la etiqueta HTML en que se han escrito las instrucciones).

Artículos de navegación

Acerca del Profesor

Adrián Delgado Rodríguez

Ingeniero en Computación, docente por convicción y apasionado por la programación Web.

Actualmente trabaja como Profesor para en el Centro Universitario de la Costa de la Universidad de Guadalajara y como Desarrollador Web.

Síguenos:

 

Ver el perfil completo de Hugo Adrián Delgado Rodríguez (akus.net).

Deja un comentario

avatar comentario
Jose
Las instrucciones de estilo procedentes de fuentes diversas se guardan conforme a una jerarquía.




Diseño de páginas Web en Puerto Vallarta y Bahía de Banderas akus.net
subir

Síguenos en Facebook

Artículo de la semana

Cómo iniciar una página WebMetodología para la creación de sitios

Comprende las fases de Análisis, Planificación, Contenido, Diseño. ¿Qué método utilizas?