Como usar modelos CSS

Ao gerenciar on-line a presença de sua empresa, algumas noções básicas são úteis. Usar folhas de estilo externas é um ótimo exemplo de uma ferramenta que facilita seu trabalho. As folhas de estilo determinam como os documentos HTML são exibidos, definindo estilos para elementos específicos. Importe arquivos CSS de modelos prontos para aplicar estilos à sua página da Web, simplificando o design do site e mantendo a consistência por toda parte. Você pode usar até mesmo usar folhas CSS como base para projetar seus próprios modelos.

1

Salve seu modelo CSS no mesmo diretório que as páginas HTML com as quais deseja usar o modelo. Por exemplo, se você quiser que a página "index.html" use o modelo CSS "template.css", salve template.css na mesma pasta em que você armazena "index.html".

2

Abra o arquivo HTML em um editor de texto.

3

Localize as tags head no arquivo HTML. Digite o documento HTML entre essas tags para vincular o arquivo HTML ao arquivo de modelo CSS. Seu arquivo de modelo pode ter um nome diferente, portanto, use o nome correto no lugar de "template.css". Sua seção de cabeçalho HTML é semelhante a este exemplo:

4

Salve o arquivo HTML.

5

Abra o arquivo HTML em um navegador da Web. O estilo de modelo CSS que você anexou está em vigor, tornando seu site mais consistente.

Aviso

• Embora os arquivos CSS apliquem instruções de estilo a áreas gerais, como o plano de fundo e o texto do documento principal, alguns arquivos de modelo CSS especificam determinadas marcas que podem não corresponder às tags do documento. Leia o arquivo CSS e sua documentação para garantir que você esteja empregando as mesmas tags e seções que o arquivo CSS usa para obter os melhores resultados.