CSS3 : révolution dans le positionnement

 

Le positionnement jusqu’à la version 2 était le point faible de CSS.

Excellent nouvelle : CSS3 introduit deux nouvelles spécifications : flexbox & grid-layout.
L’outil flexbox (boites flexibles) est déjà bien implémenté sur les navigateurs.
Par contre l’outil grid-layout (positionnement en grille) n’est pas intégré dans un navigateur ; devinez lequel …

Ces deux nouveaux outils se complètent parfaitement.
L’outi « grid-layout » permet de construire la structure générale de la page alors que l’outil « flexbox » n’est vraiment à l’aise que dans une seule direction …
Pour prendre une exemple l’outil « grid-layout » sera utilisé pour disposer les grandes divisions de la page (les boites header, nav, article, aside, footer) tandis que l’outil « flexbox » permettra de disposer les différents DIV contenus dans la division ARTICLE, par exemple.

Lire la suite

Cet article, publié dans CSS, est tagué . Ajoutez ce permalien à vos favoris.

Votre commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l’aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l’aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l’aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l’aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s