lunes, noviembre 08, 2004

CSS y HTML

Para qué sirve el CSS

El HTML sirve para estructurar el texto en secciones, párrafos, enlaces, cabeceras, citas, imágenes, etc.

Con el CSS le aplicamos un estilo: las cabeceras van en rojo y subrayadas, las imágenes tienen 2 cm. de margen y un borde de 1 píxel, el interlineado es de 1'5, y la primera fila de cada tabla tiene el fondo azul.

El CSS sirve para aplicar un estilo a todos los elementos del mismo tipo a la vez.

Cómo puede combinarse con el HTML

Lo normal es escribir el código CSS en un fichero externo, de extensión css, y luego incluir en el <head> de cada página el código:

<link rel="stylesheet" href="archivo.css" type="text/css">

Esto permite usar el mismo estilo para varias páginas HTML distintas. Además, así te llevas el diseño a otro archivo, de forma que los navegadores que no soportan hojas de estilo, no tendrán que cargar código innecesario.

Si prefieres dejar el código CSS en la misma página (sin usar archivos externos), se hace desde dentro del <head> con la etiqueta <style>:

<style type="text/css">
/* Aquí va el código CSS */
</style>


También se puede definir un estilo para un solo elemento, escribiendo el código dentro de su atributo style, aunque no es recomendable porque complica el código.

Formas de aprender CSS

Mirar el código fuente de las páginas que te gusten.

Consultar la especificación CSS del W3C.

Sitios donde aprender CSS:
minid - CSS
Toad - XHTML y CSS
CSS Zen Garden
Camaleón CSS


Cómo hacer buenas páginas web
Who Links Here