Jerarquía de sistema en cascada CSS para instrucciones

El sistema en cascada es una regulación para evitar conflictos entre diferentes hojas de estilo, ofreciendo jerarquía en función de su procedencia.

Jerarquía de sistema en cascada CSS para instrucciones | Aprender CSS | El sistema en cascada es una regulación para evitar conflictos entre diferentes hojas de estilo, ofreciendo jerarquía en función de su procedencia
COMPÁRTELO:

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

¿Te gustó o fue útil?

Ayúdanos a compartirlo en Redes Sociales
Compártelo:

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 10 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

TAMBIÉN MERECE LA PENA VISITAR:

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido patrocinado:

¿Te gustaría aprender más sobre Diseño Web?

Conoce las palabras y términos más comúnes usados en el Mundo de Internet para la World Wide Web
Glosario de Internet

1 Comentario en "Jerarquía de sistema en cascada CSS para instrucciones"

  1. Avatar usuario
    Jose

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

 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información