Oi Danrley, tudo bem?
Vamos lá: se você tiver uma pasta raiz, e dentro dessa pasta conter uma pasta CSS
com seu arquivo, e o seu documento HTML
estiver na raiz, você precisa indicar o caminho da pasta! Por exemplo:
Perceba que o arquivo style.css está dentro de uma pasta CSS
e essa por sua vez está dentro da pasta raiz
. Perceba também que o index.html
se encontra apenas dentro da pasta raiz, então dessa forma, devemos utilizar conforme abaixo:
<link rel="stylesheet" href="CSS/style.css">
A partir arquivo HTML
, acessamos a pasta CSS
, e selecionamos o arquivo style.css
.
Agora vamos ver esse outro caso:
Nessa situação temos duas pastas dentro da pasta raiz, uma para o index.html
e outra para o **bio.css**
, assim, devemos subir um nível a partir do arquivo HTML
, e isso significa que devemos voltar para a pasta raiz
, e então entrar na pasta CSS
para selecionar o style.css, devendo ficar conforme dessa maneira:
<link rel="stylesheet" href="../CSS/bio.css">
Quando usamos esses ..
(pontinhos) estamos saindo da pasta atual, ou seja, subindo um nível, chegando na pasta raiz
, e depois disso, entramos na pastaCSS
e selecionamos o arquivo que queremos.
Lembrando que tudo depende da forma que o seu projeto está organizado. E Se caso precise "voltar"
uma pasta, utilizamos os ..
Deixo aqui um artigo sobre caminhos de arquivo e recomendo a leitura.
Espero ter te ajudado a entender um pouco melhor.
Um abraço e bons estudos.