Arquivo Externo | Tutorial de HTML5 | #07 | #uninerds | Universo dos Nerds
6Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-html5
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Faça parte de um grupo focado em Tecnologia: https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #html #html5
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Vamos supor que temos a seguinte estrutura de pastas:
+ home
+ uninerds
- estilo1.css
+ tutorial-html
- estilo.html
- estilo2.css
+ css
- estilo3.css
Para utilizar o estilo2.css no atributo href da tag link no código estilo.html basta colocar o nome do arquivo
link rel="stylesheet" type="text/css" href="estilo2.css"
Para utilizar o estilo1.css antes do nome do arquivo terá que colocar ../ porque cada fez que se coloca este código irá retornar um nível, se fossem dois ../../ e assim por diante
link rel="stylesheet" type="text/css" href="../estilo1.css"
E para utilizar o estilo3.css antes do nome deve colocar o nome da pasta em que está o arquivo
link rel="stylesheet" type="text/css" href="css/estilo3.css"
Estas são formas de definir caminho relativo, ou seja, partindo de onde o arquivo HTML está, mas também é possível definir o caminho absoluto desde a raíz das pastas
link rel="stylesheet" type="text/css" href="/home/uninerds/tutorial-css/css/estilo3.css"
Também é possível definir arquivos que estão em outro site
link rel="stylesheet" type="text/css" href="http://www.csszengarden.com/221/221.css?v=8may2013"
Sempre que for necessário utilizar um arquivo fora do HTML a forma de fazer referência é a mesma