CSS débutants

Date de publication : 14/04/2005 , Date de mise à jour : 14/02/2008

Par Pascale Lambert (Mammouthland)
 

Mon intention n'est pas de faire ici un cours de référence sur le css, mais juste de regrouper les différentes astuces de code que je publie de temps en temps sur le weblog.
Introduction
I. Introduction
I-A. CSS, kezako ?
I-B. Balises html de base
Feuille de style de base
II. Feuille de style de base
II-A. Enregistrement
Sélecteurs "class" et "id"
III. Sélecteurs "class" et "id"
III-A. Le sélecteur class
III-B. Le sélecteur id
Tableaux à traits fins
IV. Tableaux à bordures fines avec les CSS
IV-A. Premier exemple
IV-B. Deuxième exemple
IV-B-1. Accessibilité
IV-C. Troisième exemple : le tableau sans tableau !
Boutons CSS
V. Boutons CSS
Menu horizontal en CSS type "boutonnière"
VI. Menu horizontal en CSS type "boutonnière"
Puces en gifs
VII. Puces en gifs avec les CSS
VII-A. Version classique
VII-B. Variante Made-in Sam
:before ; :after
VIII. Pseudo-éléments CSS :before ; :after
VIII-A. Exemple
Mise en forme CSS d'un formulaire
IX. Mise en forme CSS d'un formulaire
IX-A. Exemple
IX-B. Compléments
IX-B-1. Rollover
IX-B-2. Focus
Faire apparaître caractères ou images au survol de la souris (rollover)
X. Faire apparaître caractères ou images au survol de la souris (rollover)
X-A. Première méthode
X-B. Deuxième méthode
X-C. Troisième méthode
Zoomer une image avec les CSS
XI. Zoomer une image avec les CSS
XI-A. Première technique
XI-B. Seconde technique
XI-C. Variante
XI-D. Compléments d'informations
Zoomer une image façon thumbnail en CSS
XII. Zoomer une image façon thumbnail en CSS
XII-A. Première technique
XII-B. Seconde technique
Image de fond en CSS
XIII. Image de fond en CSS
XIII-A. Code CSS de base
XIII-B. Fond de page fixe
XIII-C. Positionner l'image
XIII-C-1. Exemple positionnement 2
XIII-C-3. Exemple positionnement 3
XIII-C-4. Exemple positionnement 4
XIII-C-5. Remarques
Blockquote et retraits
XIV. Plusieurs images de fond grâce aux CSS
Balise <object> et molécules Rasmol
XV. Blockquote et retraits


Valid XHTML 1.1!Valid CSS!

Les sources présentées sur cette page sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2005 - 2008 Pascale Lambert. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.

Vos questions techniques : forum d'entraide CSS - Publiez vos articles, tutoriels et cours
et rejoignez-nous dans l'équipe de rédaction du club d'entraide des développeurs francophones
Nous contacter - Hébergement - Participez - Copyright © 2000-2009 www.developpez.com - Legal informations.