Este artículo te enseñará, desde las bases, como escribir hojas de estilo -CSS- (Cascading Style Sheets). Un complemento de XHTML que se ha vuelto muy popular entre los webmasters para dar formato y colorido a tus páginas.
Introducción
CSS son archivos de texto, o texto especial en un archivo HTML, el cual nos permite especificar estilos, formatos, y posiciones de los objetos de HTML.
¿Qué significa estilo?
Estilo es lo que da a un elemento una característica distintiva. Para el texto podría ser que fuente es usada, que color, tamaño, o espaciado. Este aplica también para otros elementos como vínculos, imágenes, fondos, margenes y bordes.
¿Cómo me puedo beneficiar usando CSS?
Algunos de los beneficios para usar CSS son más regularidad, mejor diseño visual, además de código HTML más sencillo. También hacer cosas con hojas de estilo que nunca se han hecho antes.
- Regularidad: Esto aplicara para sitios largos, y diferentes desarrolladores, por ejemplo la que uso en este sitio, una hoja de estilo global podría ser establecida, a la cual todas las paginas harían referencia. Esta hoja puede incluir el estilo que quieres para todo el sitio. Cada página mantendrá los mismo atributos a través del sitio. La habilidad de cambiar un elemento, en una página puede cambiar el mismo atributo en el sitio completo.
- Código más fácil: No más tablas elaboradas, y HTML complicado. El código HTML usando CSS es mucho más simple. Tan solo usando las etiquetas de encabezado (H1, H2, ...), y etiquetas de párrafo con hojas de estilo se puede producir un documento enriquecido, con la ayuda de una etiqueta SPAN y una DIV aquí y allá.
- Mejor diseño: Las hojas de estilo nos brindan mejor control sobre el diseño de los documentos HTML.
Aquí hay un listado de lo que puedes hacer con las hojas de estilo que solo podías hacer con un trabajo más elaborado.
| Control de la fuente | (tamaño, color, tipo) |
| Posición exacta de los elementos | ( alineación, posición absoluta) |
| Control sobre el espacio en blanco | (margenes, espaciado entre elementos) |
| Control del fondo | (posicionamiento, constancia, ...) |
Una de las mejores características de las hojas de estilo es su habilidad de ser compatible con navegadores viejos. La mayoría de los documentos CSS, parecen ser perfectamente entendidos y ejecutados cuando son vistos en un navegador que no soporta hojas de estilo. Mas aun, CSS es ahora soportado por la mayoría de los navegadores (IE4+, NS4+), haciéndolo una tecnología muy práctica.
| Siguiente > |
|---|
