Propiedades y valores de CSS

Entonces, CSS se compone de selectores y propiedades. Los selectores indican a qué elementos se aplican los estilos, y las propiedades definen exactamente cómo se mostrarán.

Existen muchísimas propiedades CSS que afectan casi todos los aspectos de la visualización de los elementos. Además, cada propiedad admite un conjunto concreto de valores.

Algunos valores se escriben como constantes de texto, por ejemplo red o bold; otros usan valores numéricos, como 12px o 120%.

La fuerza de los estilos está en que permiten cambiar de forma rápida y flexible el aspecto de los elementos necesarios, sobre todo cuando se usan clases. Por ejemplo, para tachar el texto de todos los puntos ya estudiados del resumen, basta con añadir una sola línea en CSS:

.completed {
  color: green;
  text-decoration: line-through;
}

Y todas las etiquetas con la clase .completed se mostrarán con el texto tachado. Ahora imaginen cuánto tardarían en hacer lo mismo con estilos en línea cuando el resumen tiene más de cien puntos.