Como ligar css externo para uma página

Para fazer o link de uma página HTML para um em cascata externa Estilo (CSS), basta inserir uma única linha de código na cabeça de sua página que faz referência o nome ea localização do arquivo CSS externo em relação ao nível de raiz do servidor no qual o site reside.

Video: Utilizando o método linkar para vincular o CSS ao HTML

A linha de código para o link deve ser colocado em algum lugar entre a abertura e fechamento etiquetas de cada página HTML em seu site que você deseja ser decorados com ele.

Quando o nome do arquivo do CSS é inserido com precisão no arquivo HTML usando a sintaxe link correto, o código do link fornece instruções para o navegador sobre como as informações de estilo CSS deve ser interpretado e aplicado à página, que por sua vez determina como a página aparece no navegador.

Aqui está um exemplo de um link para um arquivo CSS externo com o nome do arquivo main.css, onde o arquivo que está sendo originada usa o href atributo da tag link, que é uma tag unclosed em HTML:

Quando o código de ligação é adicionado a uma página XHTML, a marca deve ser fechado pela adição de um espaço extra e barra antes do final:

Os outros atributos dentro do tag, além do href são necessários para ajudar o navegador interpretar os dados sobre o arquivo CSS vinculado:

  • o rel atributo define a relação entre o documento original e o arquivo vinculado, e identifica o arquivo vinculado como uma folha de estilo.



  • o tipo atributo especifica o tipo de linguagem de estilo que está sendo usado dentro do arquivo vinculado, que, neste caso, identifica que o arquivo vinculado está escrito em formato “text / css”.

Para consistência, tentar colocar o link CSS em suas páginas da web no mesmo local dentro do código de página para página. Por exemplo, você pode querer adicionar a tag link diretamente após a última meta tag, ou colocá-lo logo acima da marca de fechamento. Ser coerente pode ajudá-lo a encontrar rapidamente a tag caso você tenha necessidade de modificá-lo.

Além da colocação do link dentro das páginas HTML que usam o arquivo CSS externo, você também deve prestar atenção para onde o arquivo (s) CSS está localizado em relação aos outros arquivos dentro do site.

Na maioria das vezes, cada site tem apenas um arquivo CSS, e esse arquivo fica no nível da raiz, que é apenas uma maneira elegante de dizer que o arquivo CSS está no mesmo local que o index.html arquivo, que é a página inicial de seu site.

Video: Tutorial CSS y HTML - Poner estilo CSS al codigo HTML [HD]

O nível de raiz refere-se ao piso térreo do seu site, se é uma cópia local do seu site sentado no seu computador na frente de você ou uma cópia do site localizado no servidor host remoto. Com a maioria dos sites, a página inicial fica no nível de raiz, juntamente com um imagens pasta e todas as outras páginas principais do site.

Para sites maiores, alguns designers criar subpastas no nível da raiz para abrigar outras coisas, como arquivos externos javascript e jQuery, arquivos CSS externos, scripts CGI, ou grupos de páginas que se enquadram em uma categoria similar (por exemplo, todas as páginas relativas a produtos ou serviços de uma empresa).

Video: 20. Agregar CSS Externo

Se o seu site requerem dois ou mais Cascading Style Sheets (talvez uma para todas as páginas e um segundo para um punhado de páginas que será impresso), pode ser benéfico para você para criar uma pasta separada chamada css no nível da raiz do site e, em seguida, salvar os arquivos CSS juntos dentro dela.

Você pode então acessar cada CSS a partir desse local, desde que o href do seu CSS ligação indica a nova localização da pasta junto com o nome do arquivo:

href ="css / main.css" rel ="stylesheet" tipo ="text / css"gt;

Publicações relacionadas