css简单布局

body{ font-family:Verdana, Arial, Helvetica, sans-serif;} #header{ background-color:#055; color:white; text-align:center;} #header h1,#header h2{ margin:0;} #header h1{ font-size:250%; color:#FFFF00;} #header h2{ font-style:italic;} #sitenav{ background-color:#404; color:#FFFFFF;} #sitenav a:link{ background-color:#000000; color:#0000FF; text-decoration:none} #sitenav a:visited{ background-color:#000000; color:#333333; text-decoration:none;} #sitenav a:hover,#sitenav a:active{ background-color:#000000; color:#00FF00; text-decoration:none;} #sitenav ol{ padding:0; margin:0; display:inline; font-size:90%; text-align:center;} #sitenav li{ margin-left:1em; border-left:1px solid %DD0; display:inline;} #main{ background-color:#055; padding:0 12em 2em 2em; position:relative;} #content{ background-color:white; padding:1em 5em;} #conten h3{ margin-top:0;} content p{ font-size:90%; line-height:1.4; position:inherit;} #sidebar{ position:absolute; right:2em; top:2em; width:10em;} #sidebar h3{ font-size:100%; color:white; margin:0; padding:0.125em 0.25em; font-weight:normal; background-color:#404; } #sidebar ol{ border:2px solid #404; background-color:white; border-top:0; margin:0 0 1em 0; padding:0.125em 0.25em;} #sidebar li{ font-size:85%; display:block; padding:0.125em;} #footer{ background-color:#FFFFFF; color:#000000;}