I've just started learning CSS/HTML a week ago and I made a quick site today. It looks pretty good, but I think that I reused/wrote some really messy CSS. This is because I haven't used the float property in CSS too well, so I keep using position:relative and top to offset the float.HTML:<?xml version=1.0 encoding=utf-8?><!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd><html xmlns=http://www.w3.org/1999/xhtml xml:lang=en><head>        <title>Kevin Li</title>    <link rel=stylesheet type=text/css href=css/style.css /></head><body>    <div id=wrapper>        <div id=header>            <h1>Kevin Li</h1>        </div>        <div id=links>            <ul>                <li><a href=#>Home</a></li>                    <li><a href=#>Biography</a></li>                    <li><a href=#>Portfolio</a></li>                    <li><a href=#>Blog</a></li>                    <li><a href=#>Images</a></li>                    <li><a href=#>Contact Me</a></li>            </ul>        </div>        <div class=sidebar_left>            Lorem ipsum dolor sit amet...<br />        </div>        <div id=post>            <b>Introduction</b><br />            <i>Thursday, January 27, 2011</i>        </div>        <br />        <div id=content>            <img id=tree src=images/c2_i6.png />               <p>                Lorem ipsum dolor sit amet...<br />                <br />                <img id=blackwhite src=images/c3_i7.png /> Ut venenatis diam nunc...<br />                <br />            </p>        </div>        <div id=footer>            <b>Copyright 2010 Kevin Li</b>        </div>    </div></body></html>CSS:/* General Elements* /body {    background: #53777a;    font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;      }h1 {    font-size: 28pt;       }h2 {}p {}a:link {    color: black;    text-decoration: none;}a:visited {    color: purple;    text-decoration: none;}a:hover {    color: green;    text-decoration: underline;}a:active {    color:yellow;    text-decoration: none;}/* Curvy Shapes */ #wrapper, #footer {    -moz-border-radius-bottomright: 50px;        -moz-border-radius-topleft: 50px;       -moz-border-radius-topright: 50px;     -moz-border-radius-bottomleft: 50px;        border-bottom-right-radius: 50px;            border-top-left-radius: 50px;           border-top-right-radius: 50px;         border-bottom-left-radius: 50px;}#links {    -moz-border-radius-bottomright: 50px;     -moz-border-radius-bottomleft: 50px;        border-bottom-right-radius: 50px;         border-bottom-left-radius: 50px;}#header {         -moz-border-radius-topleft: 50px;    -moz-border-radius-topright: 50px;         border-top-left-radius: 50px;        border-top-right-radius: 50px;    }/* Structure */#wrapper {    width: 900px;    margin: 0 auto;    margin-top: 30px;    overflow: auto;    background: #E0E4CC;    padding: 20px;    -moz-border-radius-bottomright: 50px;        -moz-border-radius-topleft: 50px;       -moz-border-radius-topright: 50px;     -moz-border-radius-bottomleft: 50px;        border-bottom-right-radius: 50px;            border-top-left-radius: 50px;           border-top-right-radius: 50px;         border-bottom-left-radius: 50px;       }#header {    text-align: center;    background: #ECD078;    padding: 4px;}#links {    width: 900px;    background-color: #A7DBD8;    position: relative;    top: -20px;    text-align: center;}#links ul {    list-style-type: none;    padding: 5px;}#links li{    display: inline;    font-size: 14pt;    padding: 20px;}.sidebar_left {    float: left;    width: 180px;    margin-left: 10px;    position: relative;    top: -10px;    text-align: justify;    line-height: 150%;}#post {    float: right;    width: 680px;    margin-left: 0px;    margin-right: 10px;    position: relative;    top: -25px;    text-align: justify;    line-height: 150%;      }#post b {    font-size: 18pt;    text-decoration: underline;}#content {    float: right;    width: 680px;    margin-left: 0px;    margin-right: 10px;    position: relative;    top: -25px;    text-align: justify;    text-indent: 25px;    line-height: 150%;}#social {    float: right;}#footer {    width: 890px;    background: #A7DBD8;    float: left;    padding: 5px;    text-align: right;}#footer b {    margin-left: 10px;}/* End Structure *//*images*/.navimg {    width: 2px;    height: 20px;}#tree {    width: 175px;    height: 200px;    float: right;    margin-left: 20px;    margin-top: 24px;}#blackwhite {    width: 200px;    height: 125px;    float: left;    margin-right: 20px;    margin-top: 10px;       }#quickshot {    width: 125px;    height: 100px;    display: block;    margin-left: auto;    margin-right: auto;        }By the way, I know it doesn't validate. I am working on that now.
Review website done after one week of learning HTML and CSS
html;css