Explicando: Margin, Border e Padding

Nesse primeiro post para categoria CSS, vou explicar sobre margin, border e padding de uma maneira simples. Na verdade é algo simples que alguns ainda confundem por estar começando ou por não ter tanta experiência ainda em css. Vejamos a imagem abaixo:

Deixo abaixo um código para que exemplificar a imagem:

#exemplo{
width:              100px;
height:             100px;
background-color:   #66F;
margin:             10px;
border:             #FFF 10px solid;
padding:            10px;
}

Celular Mp20 F035 Com Gps Gratis Wi Fi Tv 2 Chips 2gb Brinde Mais info» R$ 348.98 até 18x de 26.17	Mp20 Celular Smartphone 2chips Mp15 E9000 Wifi Java Touch Tv Mais info» R$ 278.00 até 18x de 20.85	Nokia N900 32gb 3g Wifi Gps Preto Lançamento Mais info» R$ 1,199.00 até 18x de 89.93
Vitrine TecnoBlog