05 agosto 2009

¿Qué es CSS?



Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación estética de un documento estructurado y escrito en HTML. En ese sentido, el HTML es la caja que muestra los contenidos y el CSS es la manera en que lo hace.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura y el contenido de la presentación estética en un documento.

Esto permite un control mayor del documento y sus atributos convirtiendo al HTML en un documento muy versátil y liviano.

Cuando se utiliza CSS, la etiqueta -H1- no debería proporcionar información sobre cómo va a ser visualizado, solamente marca la estructura del documento. La información de estilo previamente separada en una hoja de estilo CSS, especifica como se ha de mostrar -H1- : color, fuente, alineación del texto, tamaño, entre otras características.

La información de estilo puede ser adjuntada en un documento separado o en el mismo documento HTML. En este último, podrían definirse estilos generales en la cabecera HEAD del documento o creando cada vez etiquetas particulares a cada elemento mediante el atributo "style".


Las ventajas de utilizar CSS (u otro lenguaje de estilo) son:

-Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo.

-Los Navegadores permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces.

-Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre o incluso a elección del usuario.

-El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño.

-Propiedades generales del css:

Propiedades de fuentes
Propiedades de color y fondo
Propiedades de texto
Espaciado de palabras
Alineación
Propiedades de caja
Margen
Borde
Relleno
Propiedades de clasificación
visualización listas

No hay comentarios: