Hojas de Estilo Externas

Tema

Cómo puedo tener hojas de estilo externas?
Quiero tener un archivo aparte que contine todos mis estilos. ¿Cómo lo hago?

Explicación

Esto va a ser muy útil cuando tenemos muchos estilos definidos. Querremos tomar todos los estilos en un archivo diferente. Eso es lo que hacemos en CSS Externas. Tomamos todos los estilos en un archivo externo y lo mapeamos con la página html.

Ejemplo:
Pondremos el siguiente estilo en un archivo de texto llamado mystyle.css
<style>
.mystyle1
{
color: green;
background-color: orange;
}
</style>

En nuestro encabezado vamos a enlazar con la hoja de estilo externo usando la etiqueta link en la parte de cabecera.
Etiqueta:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
</head>
Los nombres usados para estilos definidos por el usuario no deben pertenecer a ninguna etiqueta html. Establecemos el estilo para la etiqueta usando el atributo "class".
EJ1:
<font class=mystyle1> MI ESTILO</font>
Resultado1: MI ESTILO

EJ1:
<a href="index.php" class=mystyle1> MI ESTILO </a>
Resultado1: MI ESTILO

Tipos - Hojas de Estilo Externas