<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Haga lo que hicimos</title>
</head>
<link rel="stylesheet" href="style.CSS">
<body>
<header>
<h1 class="titulo-blog">Titulo de mi Blog</h1>
</header>
<main>
<p0>
<span>Vamos a poner en practica</span>
como hacer uso de clases y a personalizarlas
</p0>
<p>Estilos situacionales con css cuando hay noticias <span1>urgentes</span1></p>
<p>
°Colombia logro ganar medallas de plata y
de bronce en los Juegos Olimpicos 2024
</p>
<p class="urgente">
°Tres persona fueron secuestradas el pasado 18 de Agosto 2024
por el ELN en el departamento del Caqueta
</p>
</main>
</body>
</html>
CSS
/*Estilizando elementos con clases CSS*/
main{
font-size: 25px;
}
body{
font-style: italic;
font-size: 30px;
background-color:#012340;
color: #f6fdfd;
}
span{
color: #04D939;
}
/*2 destacando titulos con CSS */
.titulo-blog{
color: #04D939;
}
/*3 Estilos situacionales con clases CSS*/
.urgente{
color: red;
}
span1{
color: red;
}
/*4 */
*{
margin: 0 ;
padding: 0;
}
/*6*/
h1{
margin: 20px;
border: 5px solid #025939;
padding: 20px;
}
