Html Etiquetas
Estilos en cascada
Las hojas de estilo se llaman hojas de estilo "en cascada" porque:
Las propiedades de estilo pueden estar escritas en varios sitios (en varios lugares de la página web o dela hoja de estilo) y dependiendo del sitio, afectan a más o menos elementos.
Cuando un elemento está contenido en otro (por ejemplo, un párrafo
dentro de una división
se le aplicarían las propiedades definidas para la división
Dos reglas distintas puedenser de aplicación a un mismo elemento (por ejemplo, a un párrafo
con clase nombre, le es de aplicación tanto el selector .nombre como el selector p).
Si las propiedades (escritas en diferentessitios o para diferentes elementos) no entran en conflicto, el navegador aplica todas las propiedades. Por ejemplo, si el color de fondo de un elemento está definido en un sitio y el tamaño deletra en otro sitio, el navegador aplicará ambas propiedades al elemento.
Pero si las propiedades entran en conflicto (por ejemplo, el color del fondo del elemento está definido en varios sitioscon colores distintos), existen reglas para decidir qué propiedad tiene preferencia.
Dónde pueden aparecer las propiedades de estilo
Las propiedades de estilo pueden aparecer en tres lugaresdistintos:
en un archivo distinto a la página web (el archivo recibe el nombre de hoja de estilo)
En ese caso, la página web debe incluir un enlace () a la hoja de estilo, como muestra elejemplo siguiente:
En la etiqueta