La sintaxis de CSS (Cascading Style Sheets) se compone de una serie de reglas que definen cómo se deben aplicar los estilos a los elementos HTML.
Cada regla de CSS consta de un selector y un conjunto de propiedades y valores separados por dos puntos y punto y coma, respectivamente. La sintaxis básica de una regla de CSS es la siguiente:
selector {
propiedad: valor;
propiedad: valor;
propiedad: valor;
}
Sintaxis CSS

Veamos un ejemplo de sintaxis de CSS para cambiar el color de fondo de todos los elementos p
:
p {
background-color: #f0f0f0;
}
En este ejemplo, p
es el selector que aplica las propiedades definidas a todos los elementos p
en la página. La propiedad background-color
define el color de fondo del elemento y #f0f0f0
es el valor asignado a esa propiedad.
También es posible definir varias propiedades en una sola regla de CSS, como se muestra a continuación:
h1 {
color: blue;
font-size: 32px;
font-weight: bold;
}
En este ejemplo, la regla de CSS define tres propiedades diferentes para el selector h1
. El color del texto se establece en azul, el tamaño de fuente se establece en 32 píxeles y el peso de fuente se establece en negrita.