Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

CSS : Positionnement et mise en page

Appréhender le modèle de boîte

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous devez bien comprendre les bases du modèle de boîte. Vous pouvez aussi vous rapprocher des formations concernant les bases fondamentales des CSS.
01:49

Transcription

Avant d'aller plus loin dans les étapes qui suivent, il est important de bien se rafraichir la mémoire sur certaines notions du modèle de boite qui nous sont très importantes. Donc, si vous débutez en CSS, je vous invite à vous rapprocher de notre catalogue et de trouver une formation sur les fondamentaux des CSS histoire de pouvoir explorer plus en largeur et en profondeur, donc, ce modèle de boite. Quoi qu'il en soit, ici ce qu'on a besoin de retenir c'est le fait que tout autour d'un contenu quel que soit le type de bloc ici on va avoir ou pas en fonction sur certains axes le padding qu'on appelle les bordures et la marge. Donc, en résumé on a bien une marge qui est à l'extérieur de tout, une bordure qui se trouve entre la marge et ce qu'on appelle le padding ici qui est une sorte d'espace entre le contenu et la bordure. Et enfin, on a le contenu. Ce qui est important maintenant c'est au niveau des largeurs de savoir que le box-sizing qui est une propriété CSS va nous permettre de se focaliser soit sur le content-box soit sur le border-box. Il existe aussi pour Firefox, une padding-box qui va être aussi potentiellement utilisable. Voilà ! Donc une fois qu'on a bien revu ces éléments-là, on peut appeler un chat un chat et donc passer aux étapes suivantes pour pouvoir voir comment on va pouvoir centrer, jouer avec les marges, jouer avec les fusions de marge ou travailler avec les colonnes sur ces éléments de type LOC et simplement pouvoir nous permettre de positionner une partie de nos éléments de contenu en utilisant des techniques qui vont se baser principalement sur la marge, la bordure, le padding, et le content. Alors, encore une fois si dans les étapes qui suivent vous sentez un petit décalage entre ce qui est démontré et vos propres connaissances ou la manière dont vous allez pouvoir appréhender la suite, n'hésitez surtout pas encore une fois, à vous rapprocher de notre catalogue et de suivre une formation sur les fondamentaux des CSS.

CSS : Positionnement et mise en page

Exploitez le positionnement en CSS et tirez parti des techniques pour mettre en forme votre site. Utilisez la flottaison des éléments, les propriétés de positionnement, etc.

5h01 (55 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :31 août 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !