Entrar Ainda não tem acesso?
2
respostas

Lista de exercícios

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Super estilizando o seu CSS e atividade Lista de exercícios

por Mauro Roberto Barbosa Cahu
| 49.3k xp | 15 posts
  1. Harmonia de cores no CSS Escolhi uma cor principal e duas cores secundárias para criar uma paleta harmoniosa.

Cor principal (fundo): #1a73e8 (um tom de azul). Cor secundária 1 (para títulos): #fbbc05 (um tom de amarelo). Cor secundária 2 (para parágrafos): #00c853 (um tom de verde). CSS (style.css): css

/* Cor de fundo principal / body { background-color: #1a73e8; / Azul / color: #f6f6f6; / Cor do texto geral (branco claro) */ font-family: 'Arial', sans-serif; }

/* Títulos / h1 { color: #fbbc05; / Amarelo */ }

/* Parágrafos / p { color: #00c853; / Verde */ } 2) Identificando e corrigindo erros de cores no CSS Corrigir o problema onde o texto não é visível porque tanto o fundo quanto o texto têm a cor black. Para corrigir isso, alterei o valor de color para uma cor clara que garanta boa legibilidade.

CSS (style.css) - Corrigido: css

body { background-color: #000000; /* Fundo preto / color: #F6F6F6; / Texto branco claro para visibilidade */ font-family: 'Arial', sans-serif; } Agora o texto será visível devido à cor branca do texto contra o fundo preto.

  1. Jogando com cores RGB no CSS Escolhi duas cores usando a notação RGB para definir as cores do fundo e do texto.

Fundo (background-color): RGB(255, 87, 51) (um tom laranja vibrante). Texto (color): RGB(0, 255, 0) (um verde brilhante). CSS (style.css) - Usando RGB: css

body { background-color: rgb(255, 87, 51); /* Laranja / color: rgb(0, 255, 0); / Verde */ font-family: 'Arial', sans-serif; } Neste caso, a cor de fundo será laranja e o texto será verde brilhante, criando um contraste bem forte e vibrante entre eles.

2 respostas
por Mike de Sousa
| 1590.5k xp | 2905 posts
Alura Scuba Team Suporte Educacional

Olá, Mauro, como vai?

Ótima escolha de cores e abordagem para trabalhar a harmonia no CSS. Seu código está bem estruturado e demonstra um bom entendimento sobre contraste e legibilidade.

Obrigado por compartilhar no fórum! Continue explorando e dividindo suas experiências por aqui.

Siga firme nos seus estudos!

Abraços :)

por Gabriel Leal Santos
| 16.5k xp | 1 posts
  1. Harmonia de Cores no CSS Vamos escolher uma cor principal e duas cores secundárias para criar uma paleta harmônica. Suponha que escolhemos a cor azul (#007BFF) como cor principal, e as cores laranja (#FF5722) e verde claro (#8BC34A) como cores secundárias.

Aqui está como você pode aplicar essas cores no arquivo style.css:

css Copiar body { background-color: #007BFF; /* Cor principal - azul / color: #F6F6F6; / Cor clara para o texto principal */ font-family: Arial, sans-serif; }

h1 { color: #FF5722; /* Cor secundária - laranja para títulos */ }

p { color: #8BC34A; /* Cor secundária - verde claro para parágrafos */ } 2) Identificando e Corrigindo Erros de Cores no CSS Para corrigir o erro em que o texto não está visível devido ao background-color ser preto e o color do texto também estar preto, podemos mudar a cor do texto para um tom claro. Vamos usar a cor #F6F6F6, que é uma cor clara, para garantir boa visibilidade.

Aqui está a correção no style.css:

css Copiar body { background-color: #000000; /* Fundo preto / color: #F6F6F6; / Cor do texto corrigida para um tom claro */ font-family: Arial, sans-serif; } 3) Jogando com Cores RGB no CSS Agora, vamos experimentar cores em formato RGB. Suponhamos que você escolheu o laranja (#FF5733) para o fundo e o verde brilhante (#00FF00) para o texto.

Aqui está o código no style.css usando as cores em formato hexadecimal RGB:

css Copiar body { background-color: #FF5733; /* Cor de fundo laranja vibrante / color: #00FF00; / Cor do texto verde brilhante */ font-family: Arial, sans-serif; }