-
Il y a cependant une différence notable, dès l'origine, entre un traitement de texte classique et un moteur de rendu HTML: c'est la notion de page. Quelle est la différence ? Quelles sont les conséquences?
Pour afficher le texte souhaité sur interface web, il faut tout d'abord utiliser un moteur de rendu HTMl. Il va falloir pour cela apprendre un langage spécifique.
-
Quels avantages y a-t-il à utiliser une taille absolue ? Une taille relative ?
Les unités appelées absolues (cm, mm, in, pt and pc) signifient la même chose en CSS que partout ailleurs, mais uniquement si votre support de sortie a une résolution assez élevée. Sur une imprimante laser, 1cm devrait correspondre exactement à 1 centimètre. Mais pour des supports avec une basse résolution, comme les écrans d'ordinateurs, CSS n'exige pas cela. Et effectivement, le résultat tend à être différent d'un support à l'autre et d'une implémentation de CSS à l'autre. Il est préférable de réserver ces unités pour des supports haute-résolution et en particulier pour les supports d'impression. Sur les écrans d'ordinateurs ou de portables, vous n'obtiendrez probablement pas ce que vous attendez.
Les unités de longueur relative permettent d'exprimer une distance relative à une autre grandeur. Ainsi, l'unité em sera relative à la taille (corps) de la police pour l'élément ; l'unité vh sera relative à la hauteur de la zone d'affichage (viewport).
-
À quoi correspond l'unité em ? Et la nouvelle unité rem ?
L'unité em est simplement la taille de la police de caractères. Pour un élément dont la police est de taille 2in, 1em signifie donc 2in. Exprimer des tailles, comme les margins et les paddings, en em signifie qu'elles sont relatives à la taille de la police, et si l'utilisateur a une large police de caractères (sur un grand écran par exemple) ou au contraire une petite police (sur un smartphone), les tailles seront proportionnelles. Les déclarations telles que text-indent: 1.5em et margin: 1em sont très courantes en CSS.
Le rem. Le rem (pour "root em") est la taille de la police de caractères dans l'élément racine du document. Contrairement au em, qui peut être différent pour chaque élément, le rem est constant tout au long du document.
-
Expliquez le principe des nouvelles unités vh et vw et leur intérêt.
L'unité de vh signifie "hauteur de la fenêtre", vw pour viewport width, et vmin représente celui des vh ou vw est la plus courte longueur.
-
Pourquoi DIV #1 est-il devant DIV #4, alors que son z-index est plus faible ?
DIV #1 est devant DIV #4 car DIV #4 est contenu dans DIV #3 qui est lui même en dessous de DIV #1 donc il faut faire attention au contexte en question.
-
Dans l'exemple précédent, que se passe-t-il si l'on supprime la bordure de main (en pointillés) ? Pourquoi ?
Si on supprime la bordure de main, la marge de la page sera la même que celle du #A.
Galerie Photos de mes covers d'albums préférées :
