Boa noite, Procurando mais sobre o div encontrei um vídeo onde o instrutor estiliza no HTML usando a tag style, qual a diferença desta tag no HTML e o CSS?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa noite, Procurando mais sobre o div encontrei um vídeo onde o instrutor estiliza no HTML usando a tag style, qual a diferença desta tag no HTML e o CSS?
Oi, Aline, tudo bem?
A tag <style> no HTML é usada para escrever CSS diretamente em um documento HTML. Isso permite que você aplique estilos específicos a elementos na página sem precisar criar um arquivo CSS separado.
A diferença principal entre usar a tag <style> e um arquivo CSS externo é sobre organização e manutenção. Quando você usa a tag <style>, todos os seus estilos estão no mesmo arquivo que seu HTML. Isso pode ser útil para pequenos projetos ou para testes rápidos, mas pode dificultar o gerenciamento do código à medida que o projeto cresce.
Manter o CSS em arquivos separados (como recomendado nas boas práticas de desenvolvimento web) ajuda a manter o código organizado e facilita a manutenção, especialmente em projetos maiores. Além disso, usar arquivos CSS externos permite que os navegadores façam cache desses arquivos, o que pode melhorar o tempo de carregamento das páginas para os usuários que visitam seu site mais de uma vez.
Um exemplo prático seria:
Se você quer aplicar um estilo rápido para testar algo, você poderia usar:
<style>
p {
color: red;
}
</style>
<p>Este parágrafo será vermelho.</p>
Mas para um projeto mais estruturado, você criaria um arquivo separado, como estilos.css, e o linkaria no seu HTML:
<link rel="stylesheet" href="estilos.css">
E no arquivo estilos.css, você teria:
p {
color: red;
}
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Perfeito, muito obrigada pela explicação.