Introduccion a CSS

Capitulo III
Hojas de Estilo en cascada: CSS

3.1. Introducción.
El antecedente que ha hecho necesario el desarrollo de esta tecnología consiste en que las páginas web tienen mezclado en su código HTML el contenido del documento con las etiquetas necesarias para darle forma y color.

CSS son las iniciales de Cascading Style Sheets, Hojas de Estilo en Cascada en español.

Fig. 3.1. Hojasde Estilo(CSS).

Con la expresión "en cascada" (cascading) se hace referencia a una de las características principales de esta tecnología, por la que es posible incorporar en el documento distintas hojas de estilo, cada una de las cuales, según una serie de reglas jerárquicas, prevalece sobre las otras.

Las CSS han sido oficialmente reconocidas y normalizadas por el W3C (consorciointernacional para el desarrollo del web) en las recomendaciones "CSS1", "CSS2" y CSS2.1 y se encuentra en fase de revisión CSS3.

3.2. Características y Ventajas de uso de CSS
Control centralizado: Facilidad de mantenimiento de la forma en un solo archivo que se replica muchos archivos, lo que posibilita el fácil manteniendo de un sitio Web.
Personalización: Una página puede disponer de diferentes hojasde estilo.
Visibilidad: El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño.
Separa la presentación de la información.
Editable en cualquier procesador de texto, no requiere de herramientas sofisticadas ni costosas.
Compatibilidad con las ultimas versiones de los principales navegadores.
Facilidad de aprendizaje, por no tener unaestructura compleja en su sintaxis.
Ahorro de costo económico y tiempo en su mantenimiento.
Existe diversidad de herramientas para su desarrollo.

3.3. DESVENTAJAS DE USAR CSS
Problemas con los navegadores antiguos, que no soportan CSS.
Un problema muy conocido de implementación de CSS es el de la versión 5.X del popular navegador Internet Explorer que utiliza un modelo no estándar para el cálculode los medidas

3.4. Principales características del lenguaje, su potencia y sus posibilidades.
El modo de funcionamiento de las CSS consiste en definir, mediante una sintaxis especial, la forma de presentación que se aplicará a:
Un Sitio Web entero, de modo que se puede definir la forma de todo el web de una sola vez.
Un documento HTML o página, se puede definir la forma, en un pequeñotrozo de código en la cabecera, a toda la página.
Una porción del documento, aplicando estilos visibles en un trozo de la página.
Una etiqueta en concreto, llegando incluso a poder definir varios estilos diferentes para una sola etiqueta. Esto es muy importante ya que ofrece potencia en nuestra programación. Podemos definir, por ejemplo, varios tipos de párrafos: en rojo, en azul, con margenes,sin ellos...

La potencia de la tecnología salta a la vista. Pero no solo se queda aquí, ya que además esta sintaxis CSS permite aplicar al documento formato de modo mucho más exacto. Si antes el HTML se nos quedaba corto para maquetar las páginas y teníamos que utilizar trucos para conseguir nuestros efectos, ahora tenemos muchas más herramientas que nos permiten definir esta forma:
Podemosdefinir la distancia entre líneas del documento.
Se puede aplicar identado a las primeras líneas del párrafo.
Podemos colocar elementos en la página con mayor precisión, y sin lugar a errores.
Y mucho más, como definir la visibilidad de los elementos, márgenes, subrayados, tachados...

Y seguimos mostrando ventajas, ya que con el HTML tan sólo podíamos definir atributos en las páginas conpixeles y porcentajes, ahora podemos definir utilizando muchas más unidades como:
Pixels (px) y porcentaje (%), como antes.
Pulgadas (in)
Puntos (pt)
Centímetros (cm)





3.5. Nivel de Aplicación de CSS
3.5.1. Hojas de estilo en Línea.
Las hojas de estilo en línea están muy cercanas, desde un punto de vista conceptual, a las reglas del HTML clásico ya que actúan sobre...