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.
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!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
Las instrucciones de estilo procedentes de fuentes diversas se guardan conforme a una jerarquía.