La mayoría de los desarrolladores utilizan estilos externos en CSS3 para reducir la cantidad de trabajo necesario para mantener un sitio. Un archivo .CSS solo contiene todos los estilos para el sitio, lo que significa que el cambio de un estilo de todo el sitio es tan simple como cambiar que un archivo (en lugar de cada página). Debido a que el cambio se produce en un solo lugar, no hay ninguna posibilidad de perder uno o más cambios en las páginas individuales.

Creación y uso de una hoja de estilo externa no es muy diferente del uso de una hoja de estilo interna. El ejemplo siguiente utiliza técnicas estándar para crear una hoja de estilo externa:

1. Crear un nuevo archivo HTML 5 con su editor de texto.

2. Escriba el código de la página HTML.

   A simple título
   El texto es sencillo para ir con el título.

   Asegúrese de escribir el código con precisión. Lo que se debe terminar con la misma página es sencillo - uno sin ningún estilo.

3. Escriba el siguiente código inmediatamente después de la

   los la etiqueta indica al navegador para buscar un recurso externo. En este caso, el atributo rel dice que debería buscar una hoja de estilo y el atributo href proporciona el nombre de esa hoja de estilo.

4. Guarde el archivo HTML 5 en el disco.

5. Crear un nuevo archivo .CSS con su editor de texto.

   Su editor no sea compatible con archivos .css. Cualquier archivo de texto va a hacer.

6. Escriba el siguiente código en el archivo .CSS.

   p {font-family: cursiva-font-size: a gran color: # 0000ff-background-color: # ffff00-} h1 {font-family: "Times New Roman", Georgia, serif-font-size: 40px; text-align: center-text-decoration: underline-color: # ff0000-background-color: # 00ffff-}

   Este puede ser el mismo código que utilizó para crear su archivo interno. La única diferencia es que ahora reside en un archivo externo.

   Video: 05 Tutorial de Bluegriffon 2.x Hojas de estilo css y Selectores de tipo

7. Guarde el archivo CSS en el disco como ExternalCSS.CSS.

   Es absolutamente esencial que el nombre del archivo coincide precisamente el nombre que se encuentra en el atributo href. Algunas plataformas de mayúsculas y minúsculas, por lo que deben utilizar el mismo caso para el nombre de archivo. Por ejemplo, externalcss.css podría ser visto como un archivo diferente de ExternalCSS.CSS.

8. Cargar la página en el navegador.