Com creem fulls d'estil? Sintaxi CSS.

Per fer el nostre full d'estil seguirem una pauta fixa, sense oblidar-nos de la correcta puntuació:

SELECTOR {

PROPIETAT: VALOR;}

Els selectors identifiquen un element general o particular del document XHTML al qual se li aplicarà la regla d'estil. Exemple: els pàrrafs, els títols...

La propietat és la característica que es modificarà amb el valor. A aquest conjunt, se l'anomena EXPRESSIÓ.

Quan acabem de posar una propietat amb el seu valor, tancarem amb un punt i coma; podem modificar més d'una propietat, però sempre dins de l'etiqueta del selector.

Quan donem per acabat la modificació del selector, ho farem tancant les claus { }.

És recomanable que cada instrucció la posem una sobre l'altra, per tenir un ordre i facilitar-nos a l'hora de modificar alguna propietat o valor.

Per finalitzar l'entrada, poso un exemple del codi en el css i una imatge de com quedaria a la plana web:

pre {
color:purple;
font-family:"Comic Sans MS";
font-size:80%;
/*background-color:#58ACFA;*/
background:url(preformat.png) no-repeat right;
border:5px double purple;
margin:25%;
padding:10px 20px 10px 20px;
}