A maioria dos desenvolvedores usar estilos externos em CSS3 para reduzir a quantidade de trabalho necessária para manter um site. A ficheiro.css única contém todos os estilos para o site, o que significa que a mudança de um estilo de site-wide é tão simples como mudar que um arquivo (ao invés de cada página). Porque a mudança ocorre em apenas um lugar, não há qualquer chance de perder uma ou mais alterações em páginas individuais.

Criação e utilização de uma folha de estilo externa não é muito diferente de usar uma folha de estilo interna. O exemplo a seguir usa técnicas padrão para criar uma folha de estilo externa:

1. Criar um novo arquivo HTML5 com o seu editor de texto.

2. Digite o código da página HTML.

   Um simples título
   de texto simples para ir com o título.

   Certifique-se de que você digite o código de precisão. O que você deve acabar com a mesma página plain - um sem quaisquer estilos.

3. Digite o seguinte código imediatamente após a

   o tag informa ao navegador para procurar um recurso externo. Neste caso, o atributo rel diz que se deve olhar para uma folha de estilo eo atributo href fornece o nome da folha de estilo.

4. Salve o arquivo de HTML5 para o disco.

5. Criar um novo arquivo .CSS com o seu editor de texto.

   Seu editor pode não suportar arquivos .css. Qualquer arquivo de texto vai fazer.

6. Digite o seguinte código no arquivo .CSS.

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

   Este pode ser o mesmo código que você usou para criar o arquivo interno. A única diferença é que agora reside em um arquivo externo.

7. Salve o arquivo CSS para o disco como ExternalCSS.CSS.

   É absolutamente essencial que o nome do arquivo corresponder precisamente o nome encontrado no atributo href. Algumas plataformas são case sensitive, então você deve usar o mesmo caso para o nome do arquivo. Por exemplo, externalcss.css pode ser visto como um ficheiro diferente de ExternalCSS.CSS.

8. Carregar a página no seu browser.