Tambien podemos incluir una hoja de estilo externa, mediante la instrucción @import
el cual debe ir dentro de las etiquetas <style type="text/css"> ... </style">.
El contenido de las etiquetas style estaran encerrados con un comentario html (<!-- -->) para evitar
problemas de visualización en navegadores antiguos que no soporten css.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es"
xml:lang="es">
<head>
<title>Estilo incluido con @import </title>
<style>
<!--
@import url("general.css");
-->
</style>
</head>
<body>
<h1>Titulo Principal</h1>
</body>
</html>
y lo guardamos con el nombre(ejercicio2.html) no olvide agregar la extensión .html
Ahora generamos el archivo CSS en el bloc de notas u otro editor de texto plano en el cual escribimos:
body{background:blue;color:white;}
y lo llamaremos(general.css) es necesario que se guarde en el mismo directorio donde está el documento (ejercicio2.html).
Finalmente abrimos con nuestro explorador web la página(ejercicio2.html) y vemos el resultado.
body{background:orange;color:white;}
Guarde los cambios efectuados y actualize o abra de nuevo la página(ejercicio2.html)