//reset em um documento a parte```
*{
margin: 0;
padding: 0;
}
``
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
<title>Exercícios Flex box</title>
</head>
<body>
<h1 class="titulo-blog">Notícias Urgentes</h1>
<p>Seja bem-vindo ao nosso blog de notícias, onde a informação é a nossa prioridade. Aqui, você encontra uma cobertura abrangente e em <span class="texto-destaque"> tempo real dos acontecimentos mais urgentes e imediatos, tanto a nível local quanto global</span>. Nosso compromisso é trazer análises profundas e atualizações precisas, garantindo que você esteja sempre bem informado. Fique atento às nossas postagens diárias e não perca nada do que acontece ao seu redor. A verdade é a nossa missão, e a rapidez, a nossa marca registrada!</p>
<p class="noticias-urgentes">Cai avião agora com 385 passageiros, equipes de salvamento e pericia chegando ao local para Mais informações</p>
</body>
</html>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
<title>Exercícios Flex box</title>
</head>
<body>
<h1 class="titulo-blog">Notícias Urgentes</h1>
<p>Seja bem-vindo ao nosso blog de notícias, onde a informação é a nossa prioridade. Aqui, você encontra uma cobertura abrangente e em <span class="texto-destaque"> tempo real dos acontecimentos mais urgentes e imediatos, tanto a nível local quanto global</span>. Nosso compromisso é trazer análises profundas e atualizações precisas, garantindo que você esteja sempre bem informado. Fique atento às nossas postagens diárias e não perca nada do que acontece ao seu redor. A verdade é a nossa missão, e a rapidez, a nossa marca registrada!</p>
<p class="noticias-urgentes">Cai avião agora com 385 passageiros, equipes de salvamento e pericia chegando ao local para Mais informações</p>
</body>
</html>
.titulo-blog{
background-color: #ffe4c4;
color: #000;
margin: 15px;
border-radius: 15px;
font-family: 'Times New Roman', Times, serif;
}
.texto-destaque{
color: #fff;
background-color: #000;
font-family: cursive
}
p{
margin: 15px;
padding: 10px;
border: 2px solid black;
}
.noticias-urgentes{
color: red;
background-color: #000;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: 2px solid black;
border-radius: 15px;
}
