Introducción a CSS (IV): Herencia, cascada y estilos inline

cascada

Valencia, 24/03/2022 (primera revisión 24/03/2022)
En esta cuarta parte del mini manual de css, voy a intentar explicar los conceptos básicos sobre herencia y cascada de las hojas de estilo.

También, y por fin, explicar la otra forma de utilizar las hojas de estilo, dentro del propio documento html. Me faltará poner unos cuántos ejemplos más y, más adelante, volver a este tema tan importante, pero con más detalle (cuando veamos más cosas…). Por ahora, solo una pequeña introducción;  vamos allá:

Herencia y cascada

La cascada en CSS se refiere a la forma en que las reglas de estilo se suman y se aplican acumulativamente en un documento HTML o XML. Podemos crear una regla de estilo que se extienda por toda la página. Por ejemplo, es habitual establecer los colores del fondo y del texto en una regla para el cuerpo de la página. Pero más adelante, mejor dicho, más ‘abajo’, se pueden añadir nuevas reglas que afecten a la fuente o al tamaño del texto de los párrafos o los encabezados sin cambiar el color o el fondo.

Se puede dividir la cascada de CSS en diferentes hilos, de modo que un pie de página o una barra lateral tenga un aspecto diferente del contenido principal o del encabezado de la página. Os vuelvo a recomendar la lectura de este artículo al respecto: CSS – Herencia y cascada. ¿Y cómo funciona?: Continuar leyendo “Introducción a CSS (IV): Herencia, cascada y estilos inline”