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

ChatGPT Gratis
Realiza preguntas sobre cualquier tema

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2014).
Jerarquía de sistema en cascada CSS para instrucciones.
Recuperado 10 de December, 2024, de
https://disenowebakus.net/jerarquia-de-estilos-en-css.php

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 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender CSS

TAMBIÉN MERECE LA PENA VISITAR:

¿Todavía no encuentras lo que necesitas?

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

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
Anunciate aquí

Tu navegador ha bloqueado la publicidad.
Por favor 🙏 permite visualizar los anuncios para poder acceder, gracias.