Día 02: Sintaxis

Día 02: Sintaxis

La ruta del desarrollador web frontend autónomo🤹‍♂️

Table of contents


Una regla CSS consta de un selector y un bloque de declaración.


Sintaxis

El selector apunta al elemento HTML que quieres diseñar (dar estilos).

El bloque de declaración contiene una o más declaraciones separadas por punto y coma ;.

Cada declaración incluye un nombre de propiedad CSS y un valor, separados por dos puntos :.

Múltiples declaraciones CSS se separan con punto y coma, y los bloques de declaración están rodeados por llaves.

Ejemplo:

En este ejemplo, todos los elementos <p> estarán alineados al centro, con un color de texto rojo.

p {
  color: red;
  text-align: center;
}

Ejemplo explicado:

  • p es un selector en CSS

  • color es una propiedad, y red es el valor de la propiedad

  • text-align es una propiedad, y center es el valor de la propiedad


Resumen

Una regla CSS consta de un selector y un bloque de declaración que contiene una o más declaraciones separadas por punto y coma. Cada declaración incluye un nombre de propiedad CSS y un valor, separados por dos puntos. Múltiples declaraciones CSS se separan con punto y coma, y los bloques de declaración están rodeados por llaves.


Traducido con 💚 desde W3Schools.com