Conectando CSS ao HTML
Deslize para mostrar o menu
Como o CSS é Adicionado ao HTML
Existem três maneiras de aplicar CSS a um documento HTML:
- Estilos inline;
- Folhas de estilo incorporadas;
- Folhas de estilo externas.
Cada método funciona de forma diferente e é utilizado em situações distintas.
Estilos Inline
Estilos inline são escritos diretamente dentro de um elemento HTML usando o atributo style.
Exemplo:
index.html
Este estilo se aplica apenas a este elemento específico.
Estilos inline são rápidos de usar, mas não são reutilizáveis e são difíceis de gerenciar em projetos maiores.
Folha de Estilo Incorporada
Uma folha de estilo incorporada é escrita dentro das tags <style> na seção <head> de um documento HTML.
Exemplo:
index.html
Este método aplica estilos a toda a página, mas apenas dentro deste único arquivo HTML.
É útil para páginas pequenas ou independentes.
Folha de Estilo Externa
O CSS externo armazena estilos em um arquivo .css separado e o conecta ao HTML usando a tag <link>.
Exemplo:
index.html
styles.css
Este método permite que estilos sejam reutilizados em várias páginas.
É a abordagem preferida e mais escalável para projetos reais.
Estilos inline: aplicados diretamente aos elementos, mas não reutilizáveis.
Folha de estilos incorporada: aplicada dentro do <head>, afeta apenas uma página.
Folha de estilos externa: armazenada em um arquivo .css separado, reutilizável e recomendada para a maioria dos projetos.
Neste curso, utilizaremos principalmente folhas de estilos externas.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
