Ces différents exemples ont été initialement conçues pour illuster une conférence CSS donnée en mai 2006.

Présentation des feuilles de styles

• Différence entre div et span

Typographie et mise en forme

• Pseudo-classe :after - langue d'un lien
• Importance de l'unité de dimensionnement de polices

Différences entre modèles de boîtes

• Illustration de la différence de modèle de boîte
• Solution pour obtenir le même rendu dans les différents navigateurs

Techniques de positionnement

• Positionnement dans le flux
• Positionnement relatif
• Positionnement absolu
• Positionnement flottant
• Positionnement fixe

Centrage de conteneurs

• Centrage d'un élément dans le flux
• Centrage d'un élément en positionnement absolu

Exemples de Layouts

• Le frameset à proscrire
• Layout de largeur fixe, 2 colonnes, positionnement absolu
• Layout de largeur fixe, 2 colonnes, positionnement flottant
• Layout de largeur fixe, 3 colonnes, menu horizontal et sidebars flottantes
• Layout fluide (90%), menu flottant de largeur fixe
• Layout fluide (90%), menu flottant de largeur fluide
• Layout fixe avec contenu en overflow

Construire un menu en CSS

• Un menu simple mais efficace
• Une navigation par onglets

Zoom d'images

• Zoom d'images en CSS, version 1 (ne fonctionne pas avec IE)
• Zoom d'images en CSS, version 2
• Zoom d'images en CSS, variante sans redimensionnement

Divers

• Habillage de tableaux