Atenção!

Seu navegador não é compatível com este curso. Instale um dos navegadores a seguir:

HTML E CSS NA PRÁTICA

CSS Linkado ou Externo

O CSS linkado, também conhecido como Externo, é aquele cujas regras CSS são declaradas em um documento a parte do documento HTML, ou seja, é necessário criar um arquivo com a extensão .css separado do arquivo .html.

A ligação entre a página HTML e a folha de estilos (CSS) deve ser feita por meio de um link. Segundo as boas práticas para o desenvolvimento web, o link deve ser incluído no cabeçalho da página, dentro da tag <head>.

O CSS Linkado é ideal quando há a necessidade de se aplicar em várias páginas. Vejamos:

<head>
<link rel="stylesheet" type="text/css" href="folhadeestilo.css">
</head>

A tag link informa ao navegador que há uma folha de estilos rel=’stylesheet’ do tipo text/css no endereço apontado pelo atributo href. Veja como isso acontece na prática!

Demonstração

Acesse a demonstração sobre CSS linkado ou externo, clicando no ícone.