Sintaxis de CSS

Sintaxis de CSS

El conjunto de reglas CSS (rule-set) se compone de selectores y bloques de declaraciones:

Selector de CSS

El selector apunta al elemento HTML que necesita estilizar.

El bloque de declaraciones contiene una o más declaraciones separadas por puntos y coma.

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

Las declaraciones CSS múltiples se separan con puntos y coma y los bloques de declaraciones se encierran entre corchetes.

Ejemplo

En este ejemplo, todos los elementos <p> se alinearán al centro y tendrán un color de texto rojo:

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

Pruebe usted mismo

Ejemplo de explicación

  • p es en CSSSelector(se refiere al elemento HTML que se va a estilizar:<p>)。
  • color Es una propiedad,red Es un valor de propiedad
  • text-align Es una propiedad,center Es un valor de propiedad

En el siguiente capítulo, aprenderá más sobre selectores CSS y propiedades CSS.