[EXERCICIOS] Curso de CSS

Atividade 1

<p class="texto-destaque">
      <strong
        >"Na corrida, cada passo é uma vitória e cada chegada é um novo começo."
        </strong
      >
    </p>

.texto-destaque {
  display: flex;
  justify-content: center;
  color: #17483b;
  font-size: 35px;
  background-color: rgb(255, 255, 255);
}

Atividade 2

<h1 class="titulo-blog">Corredores iniciantes oque saber!</h1>

.titulo-blog {
  display: flex;
  justify-content: center;
  color: #0727a5;
  font-size: 50px;
}

Atividade 3

 <p class="urgente">
      NOTÍCIA URGENTE Acaba de chegar a informação de que um evento inesperado
      está mobilizando autoridades e chamando a atenção da população neste
      momento. As equipes responsáveis já estão em ação para conter a situação,
      e novos detalhes devem ser divulgados a qualquer instante.
    </p>

.urgente {
  padding: 50px;
  color: red;
  font-size: 23px;
}

Atividade 4

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Atividade 5

Content ->o que está dentro.
Padding -> espaço dentro da caixa, entre o conteúdo e a borda.
Border -> a linha que envolve a caixa.
Margin -> espaço fora da caixa, separando de outros elementos.

Atividade 6

<p class="calcados">Cada tipo de tênis para cada esporte:</p>

.calcados {
  margin: 30px;
  padding: 20px;
  border: 3px solid #00796b;
  color: rgb(232, 72, 14);
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
  sans-serif;
  font-size: 30px;
}