Desenvolvimento

Como incluir o CSS no HTML

Como incluir o CSS no HTML
Junte-se a mais de X pessoas

Entre para nossa lista e receba conteúdos exclusivos e com prioridade

Incluir o CSS no HTML é bem simples, mas as vezes dá um sumiço nas ideias que você não consegue lembrar se é link, src..

Pensando nisso eu fiz esse passo-a-passo com as 3 formas de incluir o CSS na sua página web:

1. CSS Inline

Você pode inserir o CSS eu seu HTML diretamente nas tags HTML pelo atributo “style”:

<p style="color: blue">Esse Parágrafo tem a fonte azul.</p>
<p>Esse outro parágrafo não é azul, a não ser que
exista <span style="color: red">CSS em outro lugar</span>.</p>

2. CSS Interno

Outra forma de atribuir o CSS em seu HTML é colocando a tag <style> dentro da tag <head> e colocar todos os códigos css direto dentro dessa tag:

<head>
  <style type="text/css">
    p { color: blue; }
  </style>
</head>

3. CSS Externo

E até que enfim a maneira mais utilizada de aplicar o CSS em seu HTML. Criando um arquivo externo, com extensão .css, e chamando esse arquivo em uma tag <link> no head do seu HTML:

<head>
  <link rel="stylesheet" type="text/css" href="init.css">
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

Comenta aí,

o que você achou deste conteúdo? Conte nos comentários.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *