Diseño y Programación de Páginas Web

Ejemplo:
El párrafo saldrá con color verde y en negrita
Dentro del atributo style se deben indicar los atributos de estilos CSS separados por punto y coma (;).
Durante este artículo vamos a conocer muchos atributos de CSS, los dos primeros que hemos visto aquí
son:
Color: indica el color del contenido la etiqueta donde estemos utilizándolo, generalmente indica el color
del texto.
Font-weight: indica el grosor del texto. Bold sirve para poner en negrita.
Color en los enlaces
Con HTML definimos el color de los enlaces en la etiqueta , con lo atributos link, vlink y alink.
Esto nos permite cambiar el color de los enlaces para todo el documento, pero ¿Y si queremos cambiar
el color de un enlace en concreto, para que tenga otro color que el definido en la etiqueta ?
Para hacer esto utilizaremos el atributo style dentro del enlace:
Así saldrá el enlace en color rojo, independientemente de lo definido para todo el documento.
Espaciado entre líneas
Con CSS podemos definir el espacio que hay entre cada línea del documento, utilizando el atributo lineheight.
Por ejemplo, podemos definir que para todo un párrafo el espacio entre cada una de sus líneas
sea 25 pixels:
Un párrafo normal en el que cada una de las líneas está separada 25 pixels de la otra. Hay que poner
suficiente texto como para que se vean 2 líneas, así saldrán separadas
Espaciado entre caracteres
Se puede definir también el espacio entre cada carácter. Esto se hace con el atributo de CSS letterspacing.
Veamos un ejemplo:
Este párrafo tiene las letras espaciadas por 1 centímetro.
Este atributo, al igual que ocurre con muchos otros de CSS, no está soportado por todos los
navegadores. En concreto Netscape, en su versión 4 todavía no lo incluye.
Enlaces sin subrayado
Uno de los efectos más significativos y fáciles de realizar con CSS es eliminar el subrayado de los
enlaces de una página web. Existe un atributo que sirve para definir la decoración de un texto, si está
subrayado, tachado, o si no tiene ninguna de estas "decoraciones". Es el atributo text-decoration, en
este caso indicaremos en un enlace que no queremos decoración:
Incluir estilos para todo un sitio web
Una de las características más potentes de la programación con hojas de estilo consiste en definir los
estilos de todo un sitio web. Esto se consigue creando un archivo donde tan sólo colocamos las
161