<script>
function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
}
</script>
<a href="javascript:addBookmark('Bloc Notes','http://blocnotes.jemenvol.net');">Ajouter à vos favoris</a>

• Reset CSS : une technique à manier avec précaution chez Alsacreations.
• Reset Reloaded chez Eric Meyer.
• YUI Reset CSS du Yahoo! Developer Network

J'ai mis les codes HTML sont dans des input qui se selectent tous seuls comme des grands, donc suffit juste de cliquer dedans puis Ctrl+C, même pas besoin de s'embêter à viser pour sélectionner

<script>
function visibilite(thingId,txtAff,txtMasque)
{
var targetElement; var targetElementLink;
targetElement = document.getElementById(thingId) ;
targetElementLink = document.getElementById(thingId+'Link');
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
targetElementLink.innerHTML = txtMasque ;
} else {
targetElement.style.display = "none" ;
targetElementLink.innerHTML = txtAff ;
}
}
</script>
<a href="javascript:visibilite('Div1','Afficher la zone 1','Masquer la zone 1');" id="Div1Link">Afficher la zone 1</a>
<div id="Div1" style="display:none;">contenu</div>
<br>
<a href="javascript:visibilite('Div2','...ou la zone 2','Masquer la zone 2');" id="Div2Link">...ou la zone 2</a>
<div id="Div2" style="display:none;">contenu</div>

Rajouter position:relative ou une largeur permet de fixer le problème.

[Source : Ten more CSS tricks you may not know]

* { 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 :

<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".