Manual css

CSS, hojas de estilos

Introducción a las CSS
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así
porque fué concebido para otros usos (científicos sobretodo), distinto a los actuales,
mucho más amplios.
Para solucionar estos problemas los diseñadores han utilizado técnicas tales como la
utilización de tablas imagenes transparentes para ajustarlas,utilización de etiquetas que
no son estádares del HTML y otras. Estas "trampas" han causado a menudo problemas en
las páginas a la hora de su visualizaciónen distintas plataformas.
Además, los diseñadores se han visto frustrados por la dificultad con la que, aun
utilizando estos trucos, se encontraban a la hora de maquetar las páginas, ya que muchos
de ellos venian maquetando páginas sobre elpapel, donde el control sobre la forma del
documento es absoluto.
Finalmente, otro 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. Esto tiene sus inconvenientes
ya que la lectura del código HTML se hece pesada y difícil a la hora de buscarerrores o
depurar las páginas. Aunque, desde el punto de vista de la riqueza de la información y la
utilidad de las páginas a la hora de almacenar su contenido, es un gran problema que
estos textos estáen mezclados con etiquetas incrustadas para dar forma a estos: se
degrada su utilidad.
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque
práctico para que enpocos capítulos podáis usar las CSS de una manera depurada,
reflejando toda nuestra experiencia en su uso. No pretendendemos explorar todos los
aspectos de la tecnología ya que para realizar esto necesitariamos un la extensión de un
libro entero.

Características y ventajas de las CSS
El modo de fucionamiento de las CSS consiste en definir, mediante una sintaxis especial,
la forma depresentación que le aplicaremos a:
q

q

q
q

Un 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ño trozo 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 variosestilos 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. Siantes 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:
q
q
q
q

Podemos definir 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 sinlugar a errores.
Y mucho más, como definr la visivilidad de los elementos, margenes, subrallados,
tachados...

Y seguimos mostrandoos ventajas, ya que si con el HTML tan sólo podíamos definir
atributos en las páginas con pixeles y porcentajes, ahora podemos definir utilizando
muchas más unidades como:
q
q
q
q

Pixels (px) y porcentaje (%), como antes.
Pulgadas (in)
Puntos (pt)Centímetros (cm)

Navegadores que lo soportan
Esta tecnología es bastante nueva, por lo que no todos los navegadores la soportan. En
concreto, sólo los navegadores de Netscape versiones de la 4 en adelante y de Microsoft a
partir de la versión 3 son capaces de comprender los estilos en sintaxis CSS. Además
cabe destacar que no todos los navegadores implementan las mismas funciones de hojas
de...