1 - Estilizando elementos con clases CSS
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Estilizando con Clases</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="texto-destacado">Este es un texto destacado que resalta entre el resto del contenido.</p>
</body>
</html>
CSS
.texto-destacado {
color: #2E86C1; /* Azul claro legible y armonioso */
font-weight: bold; /* Énfasis adicional */
}
La clase texto-destacado se aplica al párrafo
<p>
en el HTML. En el archivo CSS, se define el estilo para la clase, cambiando el color del texto a un azul claro y haciéndolo negrita.
