Astuces CSS simples et efficaces 22/08/2009

Une ligne suffit parfois à faire la difference !

Centrer verticalement tout type de contenu à l'intérieur d'un conteneur à hauteur fixe

#conteneur { line-height: 24px ; }

Eviter les "débordements" d'un contenu plus grand que son conteneur flottant à taille fixe (remplace avantageusement les "clear-block" qu'il faut caser partout)

#main { overflow: hidden ; }

Eviter la césure des liens

a { white-space: nowrap ; }

Toujours afficher la scrollbar de firefox (pour éviter l'effet de décalage horizontal lorsque certaines pages sont plus hautes que la fenêtre et d'autres non)

html { overflow: -moz-scrollbars-vertical ; }

Centrer horizontalement les élements de types block

margin: 0 auto ;
On peut bien sûr spécifier des marges hautes et basses :

margin: 5px auto 10px auto ;
   

Ne marche sous IE qu'avec une DTD stricte. En transitional, il faut ruser avec un text-align:center; sur le conteneur.

Supprimer la scrollbar horizontal des textarea sous IE

textarea { overflow: auto ; }

Supprimer les pointillés autour des liens actifs

a:active, a:focus { outline:none; }
Attention, c'est certes plus joli comme ça, mais c'est extrêment pénalisant pour l'accessibilité : ne pas oublier de spécifier d'autres caractéristiques plus loin !

source : http://cssglobe.com/post/1392/8-premium-one-line-css-tips