<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="texto-destaque"> Texto destacado usando a classe "texto-destaque".</p>
</body>
</html>
.texto-destaque { color: #2c3e50; font-weight: bold; background-color: #ecf0f1; border-radius: 5px; }
Título do Blog
Conteúdo do blog...
.titulo-blog { color: #e74c3c; font-size: 36px; font-family: Arial, sans-serif; margin-bottom: 20px; }Evento urgente acontecendo agora!
.urgente { color: red; font-weight: bold; }
- { margin: 0; padding: 0; box-sizing: border-box; }
Este é um modelo de caixa.
.ajuste-caixa { margin: 20px; padding: 15px; border: 2px solid #2980b9; background-color: #ecf0f1 }
