Reglas, selectores, declaraciones, propiedades y valores de CSS

← Diseño Web ⌂ Home

¿Qué es CSS?

CSS significa Cascading Style Sheets u Hojas de Estilo en Cascada y describe cómo deben ser estilizados y desplegados los diferentes elementos de HTML.

La estructura de CSS

Un pequeño código de CSS luce así:

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

Todo ese conjunto de líneas de código es conocido como reglas. Dichas reglas están compuestas principalmente por selectores y declaraciones. El selector en ese código sería la etiqueta <h1>, ya que pues está seleccionando a todas las etiquetas H1 de nuestro código HTML, y dentro de las llaves {} podemos encontrar las declaraciones, que serían las propiedades y sus diferentes valores que se le aplicarán a cada uno de los H1 seleccionados.

Entonces podemos rescatar los siguientes conceptos de ese pequeño código de CSS

selector {
    propiedad: valor;
    propiedad2: valor2; 
}

selector2 {
    propiedad: valor;
    propiedad2: valor2; 
}
selector {

}

selector2 {

}
... {
    propiedad: valor;
    propiedad2: valor2; 
}
...
    propiedad: valor;
...