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”
Interesante artículo del blog de Platzi.com que nos explica 10 interesantes trucos de CSS: usar variables; truncar textos; transformar textos; crear un cursor personalizado; realizar centrado vertical; usar condicionales; diseñar un cursor parpadeante; dibujar con :before y :after; añadir íconos a formatos de archivo; crear un layout masonry.
