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:

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>

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>

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.

Atualizado há 6 meses