Mémento. Mémento des balises HTML. Schnaps.it. OpenClassrooms, Le Site du Zéro - Les cours les plus ouverts du Web. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. Le positionnement en CSS. CSS Zen Garden: The Beauty of CSS Design. Initiation au positionnement CSS : 1.flux et position relative. Par défaut, les navigateurs affichent les boîtes issues du document html dans l’ordre du flux normal. En position relative, un élément peut être décalé verticalement et/ou horizontalement. Pour représenter le positionnement en flux normal, on peut imaginer le navigateur parcourant (logiquement) la page de code HTML du début à la fin et retranscrivant son contenu au fur et à mesure des balises rencontrées.
Comme dans la lecture d'un texte, il procède verticalement, commençant en « haut » de l'écran pour aller jusqu'en « bas », et horizontalement de gauche à droite, sur la totalité de l'espace disponible et nécessaire en largeur comme en hauteur. Boîte de type bloc en flux normal Par défaut, les boîtes de type bloc seront affichées dans une succession verticale. En HTML : <p class="jaune">Une boîte jaune</p><p class="verte">Une boîte verte</p> En CSS : Le résultat, illustré par la figure ci-dessous, peut être observé également dans l'exemple 1 : Boîte de type en-ligne La position relative.
Démos CSS3 | Demo Studio. CSS.