CSS page layout with position

Job Requirements:

1 layout of the State Council with colored blocks
2 Requirements:
1 Code to have indentation
2 to have comments, what each div does
3 using an external style sheet (link)
4 external if the table is a separate folder

Html

CSS external style sheet
. dingbu{border:1px Solid #FF0000;   width:100%;   height:110px; Background-image:url (..  /image/dingbu.jpg);   Background-repeat:no-repeat; Background-position:center;}. Daohang{background-image:url (.. /image/daohang.jpg); border:1px solid #FF0000; width:100%; height:40px; Background-repeat:no-repeat; Background-position:center; }.shenti{border:1px solid #FF0000; width:70%; height:auto; "}. xiangce{border:1px solid #FF0000; Width:650px;height:510px;position:absolute;background-image:url (.. /image/xiangce.jpg); background-repeat:no-repeat;background-position:center; }.zuzhi{border:1px solid #FF0000; width:650px; height:510px; position:absolute; Top:730px;background-image:url (... /image/zuzhi.jpg); Background-repeat:no-repeat; "}.dongtai{border:1px solid #FF0000; width:650px;  height:510px; Position:absolute;  top:1276px; Background-image:url (.. /image/dongtai.jpg); Background-repeat:no-repeat; "}.  youce{border:1px solid #FF0000; width:350px;   height:1600px; Position:absolute;   left:950px; BackgrOund-image:url (..  /image/zuoce.jpg);  Background-repeat:no-repeat;  Background-position:center; Background-position:top;}.  dibu{border:1px solid #FF0000; width:70%; height:510px; position:absolute; top:1860px; Background-image:url (.. /image/dibu.jpg); Background-repeat:no-repeat; Background-position:center;}
Effect:
CSS page layout with position