Está en la página 1de 1

Vamos a ver un ejemplo de css.

Sigue estas instrucciones si no has hecho el


ejercicio 1,2 y 3. Si ya lo has hecho sáltatelos y empieza en el apartado
bloques:

Crea un documento con el bloc de notas y escribe lo siguiente:

h1{font-family:Verdana,sans-serif;font-size:12; color:red}
h2{ font-family:Verdana,sans-serif;font-size:9; color:blue}
p {font-family:Verdana,sans-serif;font-size:7 }

Graba el fichero como estilo.css

Ahora crea otro fichero y escribe lo siguiente:

<HTML>
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="estilo.css">
</HEAD>
<BODY>
<H1>Texto con el estilo h1</H1>
<H2>Texto con el estilo h2</H2>
<p>Texto con el estilo h3</p>
</BODY>
</HTML>

En el fichero html, la línea :

<LINK REL="stylesheet" TYPE="text/css" HREF="estilo.css">

Le dice al fichero que el estilo debe ser cogido del fichero estilo.css. y es allí
donde se define el formato de las etiquetas h1, h2 y p. Cada vez que
escribamos por ejemplo <p> y </p>, todo lo que esté en medio tendrá el
estilo definido para p.