como-funciona-css

En esta entrada explicaremos de qué está compuesto CSS, cual es su estructura principal y cómo se aplica.

Primero, una declaración CSS está formado por dos partes:

una propiedad ("color") y un valor ("green").


La sintáxis básica de una regla:

selector {propiedad 1:valor 1; propiedad 2:valor 2} "

Un ejemplo con dos declaraciones:

P {font-size:12px; color: green}

CSS no tiene límite de espacios, saltos y puedes moldearlo como quieras (no tiene porqué ir todo en una línea, por ejemplo):

P {
   font-size: 12px;
   color: green;
}

Puedes darle las mismas propiedades a varios elementos separando cada uno mediante una coma:

H1, H2, H3 {
   font-size: 12px;
   color: green;
}

Podemos darle comentarios a nuestro código, ya sea para clasificar las distintas partes que lo componen o para dejar algún crédito. Para ello deberemos poner el comentario entre barra y ascerisco, así:

/* Tu comentario aquí */

Así es principalmente la estructura que debemos tener en cuenta en CSS, y como actúa. Esperamos que te haya servido.

Vía | Web Monkey