Les différents éléments d’une page prennent place dans le flux courant, aussi appelé « flux normal ». Il correspond à l’ordre dans lequel apparaissent les boîtes dans le texte. L’ordre du flux courant intervient dans l’affichage par défaut. Mais certaines...

Un document bien hiérarchisé doit s’afficher de manière tout à fait lisible et fonctionnelle, même en l’absence de style CSS. Il est essentiel de comprendre cette arborescence pour bien utiliser le positionnement. exemple:

Lire la suite

Avec les CSS est apparue la notion de profondeur. Les différents objets sont superposés. Chaque élément en HTML est considéré comme une boîte. Aux dimensions induites par leur contenu s’ajoutent souvent les espaces de marges externes (margin) ou internes...

Gardez à l’esprit qu’il faut séparer le contenu de la présentation : Certaines images sont essentielles à la navigation et à la compréhension du document. Le CSS n’est alors d’aucune utilité. propriétés à connaître : • background-color change la couleur...

CSS permet d’entourer très simplement les divers éléments de type bloc ainsi que certains éléments en ligne (ex: ) d’une page web par des bordures aux caractéristiques (style, épaisseur, couleur) libres. propriétés à connaître : • border-style met...

Polices génériques Voici une liste non exhaustive des polices les plus courantes : Arial, Arial Black, Comic Sans MS, Courrier New, Georgia, Times New Roman, Trebuchet MS, Verdana, Webdings Pour déclarer la police en CSS, on appliquera la déclaration...

La notation RGB RGB est une abréviation de « red, green, blue » exemple : rgb(0,0,255) Zéro sur le rouge, zéro sur le vert, valeur maximal sur le bleu. On peut aussi inscrire les valeurs en pourcentages. Ces couleurs fondamentales se composent à l’écran...

L’imbrication dans les sélecteurs permet aux règles CSS de ne concerner que les éléments descendants d’autres éléments précis. On écrira le sélecteur sous la forme « ancêtre descendant » en séparant chaque élément d’un blanc. exemple : #menu li a img...

Certaines propriétés génériques prévoient une version raccourcie, permettant l’application de plusieurs valeurs en une seule déclaration. C’est ainsi que l’on pourra réduire la règle : p { font-family: Arial, sans-serif; font-style: italic; font-weight:...

Au lieu de répéter la même règle pour plusieurs éléments, on pourra factoriser leurs sélecteurs en les séparant par des virgules. Ainsi, la séquence : .texte { margin-left: 0; } p { margin-left: 0; } h1 { margin-left: 0; } h2 { margin-left: 0; } sera...