Crear una hoja de estilo externa
Por
lo general, al diseñar una web querremos que todas
las páginas tengan el mismo estilo para dar mayor uniformidad y un aspecto
personalizado a nuestro gusto. Podemos entonces repetir en el encabezado de
cada una de las páginas el estilo de cada etiqueta, lo cual sería muy tedioso,
o podemos escribir estos estilos en un archivo aparte y llamarla desde cada
página.
El
contenido de este archivo es simplemente lo que escribíamos dentro de la
etiqueta <style>
en el apartado anterior, y lo guardaremos con la extensión .css.
Por
ejemplo, creamos con el bloc de notas un archivo nuevo llamado miestilo.css
y cuyo contenido es el siguiente:
body {
background-color:
yellow;
font-family: monospace;
}
h1,h2,h3,h4,h5 {
color: navy;
}
Una
vez creada la hoja de estilo y guardado el archivo lo llamaremos escribiendo la
siguiente etiqueta dentro del encabezado, donde antes pusimos la etiqueta <style>:
<link href="miestilo.css" rel="stylesheet" type="text/css">
Y
en definitiva la estructura final de la página quedará de la siguiente manera:
<html>
<head>
<title>Mi página web</title>
<link href="miestilo.css" rel="stylesheet" type="text/css">
</head>
<body>
...
</body>
</html>
| 
