BlocNotes

Une pas mauvaise idée, trouvée sur leftjustified.net : déclarer les margin et les padding à zéro pour tous les élements de la page puis les restyler par la suite, afin d'éviter les différentes valeurs "par défaut" des navigateurs et d'obtenir (normalement ) le même résultat partout.
A manier avec précaution car s'applique vraiment à tous les élements.

* { padding:0; margin:0; }
body { ... restyler ici les margin/padding ... }
h1, h2, h3, h4, h5, h6 { ... restyler ici les margin/padding ... }
...

<style>
#Preload { display:none; }
</style>
<div id="Preload">
<img src="image1.jpg">
<img src="image2.jpg">
...
</div>

[source]

Adaptation du CSS Star Rating de Rogie King pour la coupler avec un peu de javascript à un menu déroulant et pour afficher plusieurs lignes de notes sur une même page.

Voir la CSS / Voir le JS / Voir le code HTML

Notes :
- l'image utilisée pour le fond n'est pas "libre" et donc pas réutilisable telle quelle.
- si le javascript est désactivé, seuls les menus déroulants s'affichent.
- il y a probablement moyen de faire plus simple.

Sous Firefox, les <textaeara> n'ont pas défaut aucune scrollbar, elle ne s'ajoute que si le texte descend sous la zone.
Sous Internet Explorer, il faut rajouter overflow:auto en css, pour obtenir le même comportement.
Sous Opera en revanche, cela ne semble pas pris en compte.

<style>
#textarea1 { width:500px; height:35px; }
#textarea2 { width:500px; height:35px; overflow:auto; }
</style>
<textarea name="textarea1" id="textarea1">
<textarea name="textarea2" id="textarea2">

Résultat :

Pour par exemple donner un id à une balise sur laquelle on n'a pas la main directement.

<script language="Javascript" type="text/javascript">
var li_list = document.getElementById("MaListe").getElementsByTagName("li");
li_list[2].id = "toto";
</script>

Ici la 2ème balise <li> de la <div id="MaListe"> aura l'id "toto".