CSS

11 12 2007

Introducción

En esta entrada vamos a tratar lo que son las CSS o también conocidas como hojas de estilo en cascada. Para ello vamos a realizar una breve introducción sobre lo que son

¿Qué es un CSS?

Esta es una tecnología desarrollada con el fin de separar la estructura de la presentación. Esta tecnología también nos permite crear páginas de una manera más concisa. Con las CSS somos mas propietarios de los resultados finales de la página Web, pudiendo realizar mas funciones que no se podría hacer utilizando HTML, como es incluir márgenes, tipos de letra, fondo, colores, imágenes…

Tipos de hojas de estilos:

Hojas de estilos de forma local:

Para aplicar estilos a elementos HTML directamente, se escribe el código dentro del atributo style de la etiqueta HTML, al escribir style=”codigo_css” no es necesario poner el selector ya que se entiende que el elemento afectado es aquel en el que esta ubicado el estilo

Hojas de estilo internas:

Este tipo de hojas de estilo deben usarse cuando una página tiene un estilo único o cuando se pretende aplicar el estilo solo a la página donde se ubica.

Hojas de estilo externas:

Esta es la mejor forma para cuando una misma hoja de estilos es aplicada a varias páginas, con realizar cambios en un único archivo, se cambia en todo el sitio Web.

Características de los CSS

El funcionamiento de las CSS se basa en definir, mediante un “vocabulario” especial, la manera de presentar lo que queremos aplicar

Podemos definir con un CSS una Web entera de una sola vez

Un documento HTML, se puede definir la forma de este, en un pedazo de código en la cabecera, a toda la página.

Un trozo del documento si se aplican estilos visible en dicho trozo de la pagina.

La potencia de las CSS salta a la vista. Pero por detrás, en la sintaxis de estas se permite aplicar al documento un formato de modo muchísimo mas concreto. Esto esta mejorada ya que HTML antes se quedaba corto y había que realizar algunos trucos para conseguir unos efectos que se adaptasen a lo que nosotros queríamos, ahora con las CSS hay muchas mas herramientas que permiten definir la forma de nuestras páginas. Por ejemplo:

Definir espacio entre líneas, colocar elementos en la pagina con mayor precisión, definir la visibilidad de elementos, márgenes, subrayados, tachados…