1. Hojas de Estilo en
Cascada
CSS (Cascading Style Sheets)
CARLOS ANTONIO BARAJAS RAMIREZ
2. El lenguaje HTML es poco flexible a la hora de
controlar la apariencia de una página. Los
problemas aparecen en el momento en que
HTML empieza a utilizarse para crear "imagen
de marca".
3. Una característica esencial de las hojas de estilo en
cascada (CSS) es la posibilidad de separar los elementos
formales de los de contenido. De esta forma, sólo con
una pequeña modificación de la hoja de estilo es
posible cambiar el aspecto de todas las páginas en las
que se aplica esa hoja.
4. ¿Por qué se llaman hojas de estilo?
Con las hojas de estilo podemos crear clases y pseudoclases. Éstas nos permiten modificar e
indicarle al navegador la forma en la que tiene que presentar cualquier elemento HTML.
5. ¿Por qué se llaman "en cascada"?
Cuando creamos un estilo, las especificaciones que se realicen para un determinado
elemento serán aplicables a todos aquellos elementos que se encuentren "por debajo" de él
atendiendo a un criterio de herencia. Por ejemplo, si especificamos un tipo de letra para el
elemento <body> todos aquellos elementos que puedan heredar las características se
presentarán con el mismo tipo de fuente. Así, el elemento <p> heredará el tipo de letra
salvo que especifiquemos lo contrario.
6. Formas de establecer el CSS
- Estilo especificado dentro de la etiqueta.
- Estilo especificado en la cabecera del documento.
- Estilo definido en un documento independiente al que se
enlaza nuestra página.
12. VENTAJAS DE CSS
Con una Hoja de Estilo podemos modificar la presentación de cada elemento sin modificar
el código HTML, ahorrando esfuerzo y tiempo de edición. Así, el mantenimiento del sitio
web se hace más sencillo.
El lenguaje CSS ofrece una amplia gama de herramientas de composición más potentes que
HTML.
Con CSS se evita tener que recurrir a “trucos” para conseguir algunos efectos.
Las Hojas de Estilo pueden usarse con otros lenguajes de programación (por ejemplo
JavaScript) para conseguir efectos dinámicos en las páginas.
Se pueden especificar Hojas de Estilo para distintos navegadores.
Los usuarios con alguna discapacidad pueden definir su propia Hoja de Estilo y la regla
!import obligará al navegador a suplantar la Hoja de Estilo del autor de la página.
13. DESVENTAJAS
Si hay problemas o limitaciones de
compatibilidades, el navegador aplicará el
formato predeterminado y nuestro trabajo de
composición habrá sido inútil.
Algunas propiedades de las CSS pueden
provocar que una parte del contenido de
nuestra página resulte inaccesible desde
algunos navegadores.