5.1.4 Formas de Aplicar CSS
Configurações necessárias para o CSS
Para utilizar o CSS em um projeto web, é necessário vinculá-lo ao arquivo HTML. Isso pode ser feito de três formas principais:
CSS Inline:
Adicionado diretamente no elemento HTML usando o atributo style.
✔ ️ Útil para estilos rápidos e específicos.
❌ Não recomendado para projetos maiores, pois dificulta a manutenção.
htmlCopiar código<p style="color: blue;">Texto azul</p>CSS Interno:
Inserido dentro da própria página HTML, dentro da tag <style> no <head>.
✔ ️ Bom para páginas simples ou testes rápidos.
htmlCopiar código<style>
p { color: blue; }
</style>CSS Externo:
Criado em um arquivo separado com extensão .css e vinculado ao HTML com a tag <link>.
✔ ️ É a prática mais recomendada, pois permite reutilização e melhor organização do código.
htmlCopiar código<link rel="stylesheet" href="estilo.css">A forma mais recomendada é usar arquivos externos, pois isso organiza melhor o código e permite reaproveitar os estilos em várias páginas.
Last updated