logo
  Afkortingen voor je site
  Background:
Met de achtergrond (background) wordt dit ook gedaan: body {
background-color:#23DA11;
background-image:url(achtergrondplaatje.jpg);
background-repeat:no-repeat;
background-position:center;}
nu: body {background:#23DA11 url(achtergrondplaatje.jpg repeat:no-repeat center;}

Border:
border-top-width:2px;
border-top-style:solid;
border-top-color:#23DA11;
nu: {border-top:2px solid #23DA11;}

Font:
{font-style: italic;
font-weight: bold;
font-size: .12px;
line-height: 1.2;
font-family: Arial, sans-serif;}
nu: {font: italic bold .12px/1.2 Arial, sans-serif;}

Kleuren
#6699CC wordt #69C
#000000 wordt #000
#993300 wordt #930

List:
ul {
list-style-type:square;
list-style-position:inside;
list-style-image:url(mijnplaatje.jpg);}
nu: ul { list-style:square inside url(mijnplaatje.jpg;}

Margin:
margin-top:5px;
margin-right:10px;
margin-bottom:15px;
margin-left:20px;
nu: margin:5px 10px 15px 20px;
De volgorde is heel makkelijk te onthouden want je gaat altijd met de klok mee en begint altijd bovenaan.

Er is nog een mogelijkheid en dat is het volgende:
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
margin-left:10px;
nu: margin: 5px 10px;
Denk even aan die klok... top, right, bottom, left. Maar bottom en left ontbreken hier dus gaat css er van uit dat de top en bottom het zelfde zijn en dat rechts hetzelfde is als links.

Outlines
{outline-color: #fff;
outline-style: solid;
outline-width: 1px;}
nu: {outline: #fff solid 1px;}

 
eind