Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] Haz lo que hicimos en el aula

body{
    background-color: #e6e6e6;
}
h1{
    font-size: 50px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, sans-serif;
    color: #9e3333c9;
}
p{
    font-size: 25px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, sans-serif;
    color: #9e3333c9;
}

em{
    font-size: 27px;
    font-family:  Arial, sans-serif, sans-serif;
    color: #9e3333c9;
}
1 respuesta

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.