Links de interés:

CSS externo

La aplicación correcta de los estilos CSS es justamente la externa. En la que todo el código CSS se encuentra en un archivo totalmente separado del código HTML. Esta podríamos decir que es la manera correcta de aplicar una hoja de estilo CSS.

Así es como se verí el codigo de un archivo CSS al que podemos llamar estilo.css y guardarlo. Como verán su código es muy simple:


p {
	color: red;
}

a {
	color: blue;
}

Para adjuntar el archivo estilo.css a un archivo HTML el código sería algo parecido a esto:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>CSS Example</title>

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

Para seguir con el curso les sugiero que abran un nuevo archivo HTML con el siguiente código, el cual vamos a asociar a un nuevo archivo en blanco CSS llamado estilo.css


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Mi primera página</title>
	<link rel="stylesheet" type="text/css" href="estilo.css" />

</head>
...

Por ahora guarden los dos archivos, tanto el HTML como el CSS en el mismo directorio. Mientras el curso básico progresa van a ir viendo los cambios con solo actualizar la página con el navegador.

Menú:

Utilidades: