Curso de CSS 3 Introdução Importando CSS no HTML

Módulo 1, Tópico 5

Em andamento

← Anterior Próximo→

Importando CSS no HTML

Roger.Santos 03/01/2023

Módulo Progresso

0% Concluído

O css é declarado dentro do proprio elemento HTML utilizando o atributo style.

<html>
<head>
    <title>Inline</title>
</head>
<body>
    <p style="color:red;font-size:32px;text-align:center;">Refatorando</p>
</body>
</html>

Internal

O css é declarado dentro do <head> da página HTML pelo elemento <style>.

<html>
<head>
    <title>Inline</title>
    <style>
        body {
            background-color: lightyellow;
            font-family: verdana;
        }

        p {
            color:red;
            font-size:32px;
            text-align:center;
        }
    </style>
</head>
<body>
    <p>Refatorando</p>
</body>
</html>

External

O css é declarado em um arquivo externo ex: 3external.css e importado para as páginas HTML através do elemento <link> também declarado no <head> do HMTL.

<html>
<head>
    <title>Inline</title>
    <link rel="stylesheet" href="3external.css">
</head>
<body>
    <p>Refatorando</p>
</body>
</html>