Dans ce tutoriel vidéo, nous allons étudier les comportements de type block et de type inline des différents éléments HTML.
Depuis le CSS3, ce comportement est devenu très important et il est impératif de bien le connaître afin de mener à bien ces mises en pages HTML.
Ce tuto s'adresse essentiellement aux personnes qui débutent avec le HTML et le CSS, mais ayant tout de même quelques notions basiques. Si cela n'est pas le cas, voici 2 tutoriels qui vous permettront d'avoir des bases suffisantes en HTML ainsi qu'en CSS :
A la fin de ce cours en ligne vous aurez les connaissances de bases indispensables pour commencer à créer des pages web dans de bonnes conditions.
Table des matières de cette formation HTML, CSS (durée : 38m12s)
-
- Présentation des éléments de type block et inline 00:02:04
- Les éléments de type block 00:08:10
- Cas particulier 00:03:17
- Récapitulatif des éléments de type block 00:02:37
- Les éléments de type inline 00:04:45
- Passer un élément de type inline en flottant 00:02:10
- Récapitulatif des éléments de type inline 00:01:19
- Les hauteurs et largeurs d'un élément HTML 00:04:48
- La propriété display 00:01:54
- Le comportement de type inline-block 00:01:57
- Et flexbox et grid dans tout ça ? 00:03:58
- Conclusion 00:01:13
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
J'ai bien apprécié ce tuto. Maintenant je connais les différences et possibilités entre les block et les inline, les inline-flex et les inline-grid. C'était très intéressant. Merci Carl, c'est toujours un plaisir de vous suivre, vous utilisez les mots juste pour expliquer. À bientôt :-)
-
Jusqu'à présent quand j'utilisais ces propriétés je me disais :" je teste et je verrai bien ce que ça donne!"...me voila maintenant upgradé sur le sujet! Merci Carl, de nous démontrer simplement et brillamment qu'il existe toujours une explication logique et solide à tous les concepts.
-
Merci Carl pour ce cour ! car il constitue un élément essentiel pour avoir le concept de base solide d'arrière-plan pour les blocs, les inline et les inline-block ! du coup on ne marche plus sur des sables mouvants ....
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés