Ce matin, je viens de faire une découverte qui restera gravé longuement dans ma mémoire. Depuis quelques jours, je sue à grosses gouttes dans l’open space de mon SSII. Je me suis lancé dans l’apprentissage frénétique du CSS.

Je veux créer un site internet de toutes pièces qui servirait d’entre chambre à ce Joueb. Je veux y stocker mes photos ainsi que des informations sur ma petite personne.
Je jongle entre les calques de Photoshop pour faire un logo original et les balises HTML mises en valeur dans ma feuille de style.

Je rencontre un grave problème de mise en page pour fixer à la fois une image de fond fixe, un corps pour le texte et une signature pour marquer mon empreinte.

J’utilise des Margin , des Padding, des Float, avec des résultats qui peuvent varier d’un explorateur internet à l’autre. Bref, je galère pour faire une présentation digne de ce nom.

Tandis que mon voisin de droite me présentait sa nouvelle paire de lunettes avec des verres organiques, je décidai d’effectuer une dernière modification en associant une class à un id.
Et à ma grande surprise, j’obtenais le résultat escompté.

Mon voisin pouvait continuer de m’expliquer que les effets chromatiques d’une paire de lunettes améliorent sensiblement la vue, j’étais dans mon monde intérieur salué par les hourrahs de mon intelligence.

A l’instar d'un Archimède d'un temps nouveau, je lançai un Euréka empli de sincérité.

Les différents éléments d’une page HTML se divisent en bloc. Ils sont soulignés par la balise DIV suivi du sélecteur id. Si on souhaite créer un sous élément dans ce bloc, on insère une nouvelle balise DIV à l’intérieur de notre balise principale, avec cette fois-ci, le sélecteur class.

Un bloc n'a droit qu’à un seul id, mais peut avoir plusieurs class.