Ejemplo de sintaxis CSS completa

code
Estructura completa de una regla CSS

Una regla CSS completa contiene selector, declaraciones, propiedades y valores trabajando juntos.

Ejemplo de CSS completo
/* Selector de elemento */
h1 {
  color: #ff0000;
  font-size: 24px;
  text-align: center;
}
/* Selector de clase */
.destacado {
  background-color: #ffff00;
  padding: 10px;
  border-radius: 5px;
}
/* Selector de ID */
#navegacion {
  display: flex;
  justify-content: space-between;
  background-color: #333333;
}
Ejemplo completo de sintaxis CSS con selectores, propiedades y valores
check_circle Buena práctica
p {
  margin: 0;
  padding: 10px;
}
error Error común
p {
  margin: 0
  padding: 10px
}