CSS - Apprendre le positionnement (float, inline-block, etc..)

Hello :)

Je voulais partager le lien d'un site pour apprendre / réviser rapidement les différentes manières de positionner en CSS :


Chaque notion est découpée en une courte page avec des exemples et des conseils, ce qui rend cela assez digeste et facile à lire. Je dois avouer que je n'aime pas trop les pavés de textes pour comprendre quelque chose en code  

Voici quelques liens de différentes parties :

• la propriété "display"
  
• margin: auto;
  
• max-width
  
• box model
  
• box-sizing
  
• position
  
• Exemple de position
  
• float
  
• clear
  
• le hack clearfix
  
• exemple de mise en page avec float
  
• inline-block
  
• mise en page avec inline-block
  

C'est un vieux site, mais je le trouve toujours aussi pratique pour comprendre les bases, et dès que j'ai une notion à expliquer, je file ce lien là :)

Si vous avez vous aussi votre petit bible, quelque chose qui vous a aidé à mieux comprendre les positionnements (en général ou bien un positionnement en particulier), n'hésitez pas à le mettre à la suite, mon premier message sera édité pour l'accueillir. :)

Sympas ce site, c'est clair et avec de bon exemple, merci pour le partage :)

Merci pour le partage, c'est bien expliqué et clair. Le fait d'avoir des exemples aide beaucoup