Construire un site web proprement d'un point de vue "visuel" mais aussi d'un point de vue, ergonomie, code, accessibilité (pour les personnes handicapés visuellement, en général mais pas seulement), performance (pas de js/css/html en trop, bonnes requêtes sql, base de donnée bien modélisée), c'est complexe et nécessite de bonnes connaissances dans divers domaines et de l'expérience.  
 
Un bon livre sur le CSS et html : http://www.goetter.fr/livres/css2/
 
Le point le plus important : le html, c'est pour la structure de l'information dans la page web, donc utiliser les balises disponibles pour leur valeur SÉMANTIQUE et non leur aspect visuel (rendu par le navigateur). Le CSS est là justement pour l'aspect visuel. En gros, le html, c'est pour le fond, le css pour la forme. Et le JS dans tout ça? Ben ça vient bien après, pour l'aspect ergonomie (dynamiser le site). Donc, quand on fait un site web, on fait d'abord que le HTML. Un bon test : sans feuille de styles, le site doit être exploitable (on doit pouvoir repérer les titres, les menus, les infos importantes, avoir les explications des acronymes ou définitions... Et on ne construit JAMAIS son code html en fonction du design (ie : on ajoute pas des balises parce que dans son css, ça sera plus facile, par contre, on peut y mettre des class ou id). Bref, le code html doit être le plus minimaliste possible (ça limite la bande-passante).
 
Ensuite, on fait le css. Pareil, on écrit les règles de la manière la plus directe et courte possible (pour gagner en bande-passante). Pas la peine de mettre des class partout s'il existe un "chemin" unique (via un enchaînement de balises ou d'id) pour distribuer un certain nb de styles sur des balises.
Ex : <ul id="menu"><li><a...>Item1</a></li><li><a...>Item2</a></ul>
Pas besoin de mettre des class sur les <li> ou <a> puisqu'en faisant une règle sur #menu li a {....} ou #menu li {....} je suis capable de distribuer les styles sur les éléments souhaités. Si on veut que l'item du menu sélectionné soit différent, là, on ajoutera sur le <li> un class="Selected" par ex.
 
Du reste, mieux vaut utiliser comme unité pour les tailles une unité relative telle que le "em" (le % peut être délicat). Mais surtout pas "pt". Pour le "px", oui pour les images, oui parfois pour des tailles, jamais pour des polices.