Declaração | Notion

Há três formas básicas para se declarar os estilos em uma página:

Inline: diretamente em cada elemento do HTML.
Tag: através da tag styles do HTML.
Externamente: através de arquivos .css importados pelo documento HTML.

Arquivo styles.css:

.texto_estiloso_externo {
    color: red;
    font-size: xx-large;
}

Arquivo HTML:

<!DOCTYPE html>
<html>
<head>
    ...
    <link rel="stylesheet" href="./styles.css"> <!-- Importa o documento .css -->
    <title>Dinooo</title>
    <style> <!-- Declara o estilo pela tag no HTML -->
        .texto_estiloso {
            color: red;
            font-size: xx-large;
        }
    </style>
</head>
<body>
    <h1>CSS: Declaração</h1>
		<!-- Declara através da propriedade style do elemento -->
    <p **style="color: red; font-size: xx-large;"**>É possível declarar o css pelo atributo style de tags HTML.</p>
    <!-- Através da tag style -->
		<p class="texto_estiloso">Através da tag HTML style.</p>
		<!-- Pelo documento externo -->
    <p class="texto_estiloso_externo">Ou através de arquivos externos.</p>
</body>
</html>

*Note o atributo class que é utilizado para configurar o estilo pela tag style e pelo arquivo externo. Iremos trabalhar nisto nos próximos capítulos.