As folhas de estilo podem ser vinculadas a um documento HTML de três maneiras distintas:
Importadas ou linkadas;
Incorporadas;
Inline.
Os três tipos de vinculação de folhas de estilo
As folhas de estilo podem ser vinculadas a um documento HTML de três maneiras distintas:
Importadas ou linkadas;
Incorporadas;
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. O arquivo de folha de estilo deve ser gravado com 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 regras de estilos contidas em um arquivo apenas (o arquivo da folha de estilo).
O arquivo css da folha de estilo externa deverá ser linkado ou importado ao documento HTML, dentro da seção head do documento. A sintaxe geral para linkar uma folha de estilo chamada estilo.css é mostrada a seguir.
A sintaxe geral para importar uma folha de estilo chamada estilo.css é mostrada a seguir.
O navegador "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 gravadas 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 está incorporada.
As regras de estilo incorporadas e válidas para o documento, são declaradas na seção head do documento com a tag de estilo
Importadas ou linkadas;
Incorporadas;
Inline.
Os três tipos de vinculação de folhas de estilo
As folhas de estilo podem ser vinculadas a um documento HTML de três maneiras distintas:
Importadas ou linkadas;
Incorporadas;
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. O arquivo de folha de estilo deve ser gravado com 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 regras de estilos contidas em um arquivo apenas (o arquivo da folha de estilo).
O arquivo css da folha de estilo externa deverá ser linkado ou importado ao documento HTML, dentro da seção head do documento. A sintaxe geral para linkar uma folha de estilo chamada estilo.css é mostrada a seguir.
Código:
<
head>
...
<link rel="stylesheet" type="text/css" href="estilo.css">
...
</head>A sintaxe geral para importar uma folha de estilo chamada estilo.css é mostrada a seguir.
Código:
<head>
...
<style type="text/css">
@import url("estilo.css");
</style>
...
</head>O navegador "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 gravadas 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 está incorporada.
As regras de estilo incorporadas e válidas para o documento, são declaradas na seção head do documento com a tag de estilo