Sintaxis de CSS

En artículos anteriores hemos visto que es CSS y ahora vamos a comprobar lo sencilla que es la sintaxis de CSS. Observa el siguiente gráfico:

  • El selector indica al elemento HTML al que se le va aplicar el estilo.
  • Puede contener una o más declaraciones que se componen de una propiedad CSS y un valor separados por dos puntos.
  • Cada declaración debe estar separado por punto y coma.
  • Cada bloque de declaraciones debe estar englobado entre llaves.

Si explicamos el ejemplo anterior vemos que:

  • p es el selector, indica que el formato se va aplicar a las etiquetas de párrafo en HTML.
  • color es una propiedad CSS y white el valor de esa propiedad. Esto significa que los párrafos serán de color blanco.
  • text-align es una propiedad CSS y center su valor. Esto significa que los párrafos estarán alineados al centro.
  • font-size es una propiedad CSS y 12px su valor. Esto significa que los párrafos tendrán un tamaño de doce pixeles.

¿fácil no? En siguientes articulos seguiremos viendo como trabajar con CSS. Puedes ver más artículos sobre CSS accediendo a la categoría.

Escribir un comentario

Este sitio está protegido por reCAPTCHA y se aplican la política de privacidad y los términos de servicio de Google.