Caixa 2

Lorem ipsum dolor sit amet,

p style=" font-family: arial; color: #990000; font-size: 2em;">

consectetur adipiscing elit.

  #caixa2 {
	background-color: #CCC;
	margin: 10px;
	padding: 10px;
	height: auto;
	width: 600px;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	color: #000;
}
#caixa2 h2{ font-family:Arial, Helvetica, sans-serif;}

Caixa 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet arcu a ante iaculis pellentesque. In hac habitasse platea dictumst.

p style=" color: #0033CC;">

Pellentesque aliquam pretium elit eu posuere. In blandit ligula ac neque mattis non blandit neque dictum.

	#caixa3 {
	background-color: #999999;
	margin: 10px;
	padding: 10px;
	height: auto;
	width: 600px;
}
#caixa3 h2 { font-family:"Courier New";}

Caixa 4

h2 style=" font-family: arial; font-size: 3em;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet arcu a ante iaculis pellentesque. In hac habitasse platea dictumst.

p style=" color:#00CCFF; font-family: georgia;">

Pellentesque aliquam pretium elit eu posuere. In blandit ligula ac neque mattis non blandit neque dictum. Donec porta faucibus orci vel sagittis. Nullam quis justo a turpis convallis ultricies. Nunc aliquam vestibulum dui sit amet scelerisque. Curabitur faucibus condimentum nulla. Praesent ante diam, ultrices non vestibulum at, eleifend vel sem. Donec libero nisi, ultrices a tristique a, commodo et odio.

#caixa4 {
	background-color: #666;
	color: #FFF;
	margin: 10px;
	padding: 10px;
	height: auto;
	width: 600px;
}

Três DIVs dentro de uma DIV contentor.
Seguem o fluxo normal de posicionamento: de cima para baixo.

No body temos a definição de font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px;

Porque é que estamos a ver a fonte arial?
E, porque é que na caixa2 vemos Courier New?

body {
	background-color: #333333;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color:#000;
}
#caixa1 {
	background-color: #FFFFFF;
	padding: 30px;
	height: auto;
	width: 900px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	color: #666666;
}