TD 3 - Mise en page : Posons le cadre.

Différence entre un traitement de texte classique et un moteur de rendu HTML

Un logiciel de traitement de texte gère plusieurs pages dans un même document alors que dans un moteur de rendu HTML, chaque page correspond à un fichier différent.

La gestion d'un projet est donc différente, le moteur de rendu HTML doit gérer une arborescence de fichier tandis que dans une utilisation basique un logiciel de traitement de texte ne gère qu'un fichier qui peut contenir plusieurs pages.

Cela change complètement la façon dont les informations sont gérées (un moteur de rendu HTML ne charge pas nécessairement toutes les pages tandis qu'un logiciel de traitement de texte charge tout le document d'un coup qu'importe la taille de ce dernier).

Réponses aux questions

Si j'écris : h1 { border: 2px red 4px yellow;} Il ne va rien se passer car nous n'avons pas précisé de border-style.

Une taille absolue ne bougera pas en changeant de navigateur, une taille relative prend en compte la taille des éléments parents.

Em : elle est proportionnelle à la taille de la police de l’élément parent ou du document. Par défaut, 1 em = 16 px si aucune taille de police n’est définie. Rem : l’unité rem fait toujours référence à la taille de la police de l’élément racine. En d’autres termes, elle dépend du font-size définit par défaut.

1 vh = 1 % de la hauteur du viewport et 1 vw = 1 % de la largeur du viewport. L’unité de mesure vh est généralement utilisée pour permettre à un élément de s’adapter à la hauteur totale de la fenêtre et vw la largeur de la fenêtre.

La div 1 est devant la div 4 car le parent de la div 4 est la div 3 et son z index est de 4 contre celui de la div 1 qui est de 5 donc la div 3 sera crée après la 1, La div 4 étant un enfant de la div 3 elle sera de ce fait crée après également.

Marges

Dans cet exemple, si on enlève la bordure du main, l'élément B aura de nouveau son margin.