Para no tener codigo repetido, podrias hacer lo siguiente:
body{
background-color: #e6e6e6;
}
h1,
p,
em {
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, sans-serif;
color: #9e3333c9;
}
h1{
font-size: 50px;
}
p{
font-size: 25px;
}
em{
font-size: 27px;
font-family: Arial, sans-serif, sans-serif;
}
Este código refactorizado es una forma de optimizar y simplificar el código anterior que tenias. Podrias aplicar estos cambios:
- Se ha agrupado la propiedad font-family y color para los selectores h1, p y em, ya que tienen el mismo valor. Esto evita repetir código innecesario y facilita su mantenimiento.
- Se ha eliminado la duplicación de sans-serif en el valor de font-family para em, ya que es redundante.
- Se ha añadido un espacio entre cada bloque de reglas CSS para mejorar la legibilidad del código.