[Projeto] Estilizando com css | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Oi, fiz o link dos modelos no html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifolio</title>
    <link rel="stylesheet" href="modelo3.css">
</head>

Alteração 1

body {
    background-color: rgb(137, 94, 6);
}
h1 {
    color: rgb(45, 44, 44);
}
strong {
    color: white;
}
p {
    color: tan;
}
a {
    color: rgb(127, 9, 9);
}

modelo 2

body {
    background-color: rgb(86, 140, 129);
}
h1 {
    color: white;
}
strong {
    color: rgb(255, 255, 255);
}
p {
    color: rgb(91, 16, 61);
}
a {
    color: purple;
}

modelo 3

body {
    background-color: papayawhip ;
}
h1 {
    color: sienna;
}
strong {
    color: white;
}
p {
    color: black;
}
a {
    color: orange;
}

Oi, Renata! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de como você organizou os diferentes estilos para cada modelo, separando-os de forma clara e estruturada. Parabéns por praticar.

Para saber mais:

Ao usar diferentes folhas de estilo no seu projeto, é importante considerar como a mudança de cores afeta a experiência do usuário. Escolher cores complementares pode ajudar a criar uma harmonia visual e aumentar a legibilidade.

Se você quiser explorar mais sobre combinações de cores e padrões, pode utilizar ferramentas como:

- Coolors: para criar paletas de cores personalizadas e acessíveis.

- Adobe Color: para experimentar esquemas de cores baseados em diferentes teorias de cor.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!