الجزء الثاني من التطبيق : تعلم css في 12 دقيقة من قناة Jake Wright

من هنا بدأت التطبيق { الجزء الأول }

من الأخطاء الشائعة في إعداد ورقة الأنماط css :
- نسيان فصل الصفات بفاصلة منقوطة      ;

سأقوم الآن بـ تلوين خلفية الأقسام باستخدم السمة  

 background-color:

body
{
background-color: #EEE; 
}

#container
{
background-color: white;    
}

#header
{
 background-color: blue; 
}

#content
{
}

#nav

{

}

#main

{

}

#footer
{

 background-color: gray;
} 

------------------

الجزء3

سأطبق القياسات :

body
{
background-color: #EEE; 
}

#container
{
background-color: white;    
}

#header
{
 background-color: blue;
   width: 800px;
   margin-left: auto;
   margin-right: auto;  
}

#content
{
  padding: 10px;
}

#nav

{

 width: 180px;
 float: left;

}

#main

{

width: 600px;
float: right; 

}

#footer
{

 clear: both;
 padding: 10px;
 background-color: gray;
 color: white;
 text-align: right;
}