O CSS (Cascading Style Sheets) é uma linguagem utilizada para descrever a apresentação de um documento escrito em HTML ou XML. Ele é fundamental para a construção de páginas web estilizadas e visualmente atraentes. Aprender a vincular um arquivo CSS ao seu documento HTML é um passo essencial para qualquer desenvolvedor web.
Como colocar link do CSS? Para adicionar um link do CSS ao seu documento HTML, você deve utilizar a tag dentro do elemento
do seu arquivo HTML. A tag deve incluir o atributo “rel” com o valor “stylesheet” e o atributo “href” com o caminho para o seu arquivo CSS. Por exemplo:<link rel"stylesheet" href"estilos.css">
Localização do Arquivo CSS
O arquivo CSS pode estar localizado na mesma pasta do seu arquivo HTML ou em uma pasta diferente. Se estiver na mesma pasta, você pode utilizar um caminho relativo simples como no exemplo acima. Caso o arquivo esteja em uma pasta diferente, você deve especificar o caminho correto. Por exemplo, se o arquivo CSS estiver em uma pasta chamada “css”, você deve escrever:
<link rel"stylesheet" href"css/estilos.css">
Vários Arquivos CSS
Você também pode linkar múltiplos arquivos CSS ao mesmo documento HTML. Basta adicionar várias tags dentro do elemento
. Por exemplo:<link rel"stylesheet" href"reset.css">
<link rel"stylesheet" href"estilos.css">
Isso é útil quando você deseja separar estilos básicos de reset e estilos específicos da sua página.
Outro ponto importante é a ordem dos arquivos CSS. O navegador aplica os estilos na ordem em que aparecem no documento HTML. Portanto, se houver regras conflitantes, a última regra definida será aplicada.
Em alguns casos, você pode querer adicionar estilos CSS diretamente dentro do arquivo HTML. Para isso, você pode utilizar a tag