sentencia 1
sentencia 2
etc.
@import "general.css";
h1 { color : white ; background-color: black; }
p { color : black ; background-color: white; }
Comenzarán con las reglas @ (@) y quedarán fijadas con el identificador y los caracteres (;).
El selector de reglas se construye entonces con {statement block}. El bloque Declares está limitado a {} caracteres.
identificador {declaración}
@import "general.css";
h1 { color : white ; background-color: black; }
p { color : black ; background-color: white; }
Cada sentencia tiene sus propiedades: consiste en uno o más pares de valores.
Vamos a distribuir cada pareja con el carácter (;) de los demás. Generalmente, si una propiedad necesita más de un valor, se distribuirá en el espacio.
identificadoe { propiedad : valor ; propiedad2 : valor ; ... }
h1 { color : white ; background-color : black ; }
p, address { color: red }
Esto es un paragrafo.
Esto es una dirección
Lo que está mal es definir más de una propiedad a la vez. Ejemplo:
p {
border-left, border-right: red 3px solid;
}
p {
border-left: red 3px solid;
border-right: red 3px solid;
}
Esta declaración esta mal
Esta declaración esta bien
/* ... */ por medio de caracteres limitantes (como en el lenguaje de programación C).
h1 { color : white ; /* texto blanco */ background-color : black ; /* fondo negro */ }
h1{color:white;background-color:black;}
h1 {
color: white;
background-color: black;
}