Add modelo de caixa

criacao_de_websites_com_html_e_css/posicionando_elementos_com_css.md

@@ -1 +1,10 @@
 # Posicionando elementos com CSS
+
+Antes de aprender a posicionar elementos com CSS, é importante que você entenda o que é o [modelo de caixa](http://docs.escolamupi.com.br/modelo-de-caixa).
+
+De forma resumida, todo elemento HTML tem o formato de uma caixa retangular, mesmo que isso não seja visível ao usuário. Por isso, é possível atribuir a todo elemento propriedades como altura e largura. Uma maneira fácil de visualizar isso, é colocar bordar em todos os elementos da sua página, como fiz com essa página que você está lendo:
+
+    * { border: 1px solid #CCC;}
+<style>* { border: 1px solid #CCC;}</style>
+
+Onde`*` seleciona todos os objetos da página. Perceba como tudo tem um formato retangular. Esse conceito é chamado de **modelo de caixa**.