Como ligar CSS externa para uma página
Para fazer o link de uma página HTML a uma folha em cascata externa do 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.
A linha de código para o link deve ser colocado em algum lugar entre as tags de abertura e fechamento 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 não fechada 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 Além da etiqueta href são necessários para ajudar o navegador interpretar os dados no arquivo CSS ligados:
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 digitar 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 # 147-text / css # 148- formato.
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á-la 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 ao que 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 de 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.
O nível de raiz refere-se ao piso térreo do seu site, quer se trate de uma cópia local do seu site sentado no seu computador na frente de você, ou uma cópia do site localizado no servidor de host remoto. Com a maioria dos sites, a página inicial senta-se 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).
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 = tipo de "estilo" = "text / css">