El contenido del archivo estilos.css es el siguiente:
a {color: pink; font-family: Fantasy; }
body {color: #CCFF33; font-family: Verdana; }
h2 {color: #FF6666; font-family: serif; }
h3 {color: white; font-family: sans-serif; }
div {color: yellow; font-family: Cursive; }
En las páginas que apliqué ese estilo, se realizó lo siguiente:
Se agregó esto al inicio del código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Se agregó el siguiente código entre las etiquetas <head> y </head>:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
Así se logró aplicar el código del archivo de estilos externo, y las páginas quedaron como se muestra a continuación:
No hay comentarios:
Publicar un comentario