A maioria dos desenvolvedores usar estilos externos em CSS3 para reduzir a quantidade de trabalho necessária para manter um site. Um arquivo .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 (em vez 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.

Criando e usando uma folha de estilo externa não é muito diferente de usar uma folha de estilo interna. O exemplo que se segue utiliza técnicas padrão para criar uma folha de estilo externa:

1. Criar um novo arquivo de HTML5 com 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 simples - um sem quaisquer estilos.

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

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

4. 
   
   
   

   Salve o arquivo de HTML5 para o disco.

   Video: Como usar CSS Externo

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: center-text-decoration: underline-color: # ff0000-background-color: # 00ffff-}

   Este pode ser o mesmo código que você usou para criar seu 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 arquivo diferente de ExternalCSS.CSS.

8. Carregar a página no seu browser.

   Video: Aula 4242 ASP NET CssClass Criando Arquivo Externo Para Estilos CSS