Position CSS absolue: comment utiliser cette propriété? Pour quelle raison?
⌨️
Le sujet du placement est l’un des éléments les plus complexes concernant i CSS. Dans notre article, nous verrons comment le propriété « position » ce qui vous permet de placer un élément dans une page Web, en le prenant à partir du flux de documents habituel. La propriété appelée « Positionner » vient utilisé pour placer avec précision une élément dans une page Web, en l’éloignant du reste du texte du document. Voyons précisément ce que c’est.
Qu’entend-on par CSS?
L’acronyme CSS signifie « Feuilles de style en cascade », qui est littéralement équivalent en italien à « Feuilles de style ». C’est à propos de un langage qui traite de la gestion du design et de présentation de l’aspect esthétique des pages web. Fonctionne en conjonction avec HTML et avec le langue qui gère le contenu des pages.
Avec cette langue des règles peuvent être établies, selon lequel le site sera en charge de Montrer l’information en laissant séparées les commandes relatives à la mise en forme et au style, de celles relatives au contenu.
Ils s’appellent « Cascade » comme les feuilles de style sur lesquelles travailler sont nombreuses, mais un seul hérite de toutes les propriétés des feuilles qui le précèdent. Quand tu veux personnaliser un site ou un blog il faut donc élargir les connaissances en CSS.
Que signifie «position absolue»?
le « Positionner » c’est une question très complexe mais tout aussi importante. Il s’agit d’une propriété fondamentale pour gérer la position des éléments, en cela peut déterminer le mode de présentation d’un élément dans une page. Ça arrive appliqué à tous les éléments.
Utilisant la propriété appel « Position relative » l’élément est placé dans son « Boîte de conteneur ». Compte tenu de sa position d’origine, sa position peut être modifiée à l’aide des propriétés: «Haut», «gauche», «bas» et «droite» qui peut prendre des valeurs négatives et positives ou modifier son « Z-index ».
Avec la propriété « position absolue », plutôt, la boîte d’élément est supprimée à partir du flux de documents e saisie selon les valeurs fournies à travers les propriétés «Haut», «gauche», «bas» ou «droite». Dans ce cas, le positionnement sera effectué en tenant toujours compte du « Boîte de conteneur » de l’élément. Ceci est représenté par le premier élément qui a un positionnement différent de « Statique ».
Si aucun élément de niveau supérieur ne doit avoir cette propriété, alors référence sera faite à laélément initial html, que normalement coïncide avec la zone du navigateur. Un élément inséré absolument, il coule avec tout le document.
A quoi sert le positionnement absolu?
Pour Paramètres par défaut, la valeur du propriété « position » est réglé sur « Statique » est coïncide avec la position normale occupée par chaque élément contenu dans le document. Les valeurs que la propriété « position » ils peuvent embaucher Je suis:
- statique: qui représente la position normale de chaque élément contenu dans le document et il s’agit d’une valeur par défaut;
- absolu: indiquant l’élément qui doit être positionné de manière absolue par rapport au premier élément initial, qui a une position différente de « Statique ». L’élément sera positionné selon les coordonnées fournies via les propriétés «Haut», «gauche», «bas» et «droite»;
- fixé: indique que l’élément doit être placé absolument par rapport à l’élément html initial qui coïncide avec la zone du navigateur. L’élément sera positionné selon les coordonnées fournies via les propriétés «Haut», «gauche», «bas» et «droite». La différence avec l’absolu réside dans le fait que lorsque l’utilisateur déplace la page, l’élément reste fixe sur l’écran sans bouger avec la page;
- en relation: indique que l’élément doit être positionné de manière relative par rapport à sa position normale. Encore une fois, il sera positionné en tenant compte des coordonnées fournies via les propriétés «Haut», «gauche», «bas» et «droite»;
- hériter: indique que la valeur de la propriété « position » ça devrait être objet d’héritage par le soi-disant « Élément parent ».
Lorsque nous plaçons un élément, donc, il est possible spécifier par rapport à quel élément de la page la positionner, via des coordonnées fournies directement par l’utilisateur.
Différence entre positionnement fixe et positionnement absolu
En ce qui concerne la positionnement fixe Ils viennent utiliser les mêmes règles attendu pour un positionnement absolu. La valeur « Fixé » est situé sur la propriété « Positionner » et indique que l’élément doit être placé dans un respect absolu l’élément html d’origine, qui coïncide à son tour avec la zone du navigateur, la prenant ainsi du flux habituel du document.
Deuxièmement, l’élément est positionné en fonction des valeurs de coordonnées que l’utilisateur fournit via les propriétés «Haut», «gauche», «bas» et «droite». La différence avec le positionnement absolu tu peux le voir lorsque l’utilisateur déplace la page est l’élément, qui avait été auparavant positionné comme fixe, il ne bouge pas avec mais plutôt reste fixe sur l’écran.
Explorez également plus d’articles dans nos catégories Internet, Technologie et encore Ordinateur et internet.
On vous remercie pour votre visite et on espère que notre article Position CSS absolue: comment utiliser cette propriété? Pour quelle raison?
vous aide, pour nous aider, on vous invite à partager l’article sur Facebook, instagram et whatsapp avec les hashtag ☑️ #Position #CSS #absolue #comment #utiliser #cette #propriété #Pour #quelle #raison ☑️!
