Vinculando Folhas de Estilo

por **Admin** Sex Dez 21 2012, 20:51

As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas:

1.Importadas ou lincadas;
2.Incorporadas;
3.Inline.

Folha de estilo externa

Uma folha de estilo é dita externa, quando as regras CSS estão declaradas em um documento a parte do documento HTML. A folha de estilo é um arquivo separado do arquivo html e que tem a extensão .css

Uma folha de estilo externa é ideal para ser aplicada a várias páginas. Com uma folha de estilo externa , você pode mudar a aparência de um site inteiro mudando um arquivo apenas (o arquivo da folha de estilo).

O arquivo css da folha de estilo externa deverá ser lincado ou importado ao documento HTML, dentro da tag do documento. A sintaxe geral para lincar uma folha de estilo chamada estilo.css é mostrada abaixo.

Código:: <head> CÓDIGOS <link rel="stylesheet" type="text/css" src="http://virtualdesign.forumeiros.com/estilo.css"> CÓDIGOS 2 </head>

A sintaxe geral para importar uma folha de estilo chamada estilo.css é mostrada abaixo:

Código:: <head> ……….. <style type="text/css"> @import url(”estilo.css”); </style> ………. </head>

O browser lerá as regras de estilo do arquivo estilo.css, e formatará o documento de acordo com elas.

Uma folha de estilo externa pode ser escrita em qualquer editor de texto. O arquivo não deve conter nenhuma tag HTML. As folhas de estilo devem ser “salvas” com uma extensão .css

Folha de estilo incorporada ou interna

Uma folha de estilo é dita incorporada ou interna, quando as regras CSS estão declaradas no próprio documento HTML.

Uma folha de estilo incorporada ou interna, é ideal para ser aplicada a uma única página. Com uma folha de estilo incorporada ou interna, você pode mudar a aparência de somente um documento, aquele onde a folha de estilo esta incorporada.

As regras de estilo, válidas para o documento, são declaradas na seção do documento com a tag de estilo