CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comprendre la Propriété CSS Float

Comprendre la Propriété CSS Float

Faire floater une image
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation de Float pour Positionner les Éléments

Objectifs

Les objectifs de cette vidéo incluent :
- Apprendre à utiliser la propriété float en CSS.
- Comprendre le comportement des éléments flottants et leur interaction avec le texte.
- Savoir ajouter des marges pour améliorer la présentation des éléments flottants.

Résumé

Cette leçon couvre l'utilisation de la propriété CSS float pour le positionnement des éléments et le flux du texte autour des images.

Description

Dans cette vidéo, nous explorons la propriété CSS float qui permet de positionner des éléments l'un à côté de l'autre. Bien que cette méthode soit moins couramment utilisée aujourd'hui, il est important de la comprendre car de nombreux sites web anciens l'utilisent encore. Nous allons voir comment faire en sorte que le texte coule autour d'une image en utilisant les propriétés float left et float right. Nous créerons des classes CSS spécifiques pour ces styles et observerons le comportement des éléments dans le navigateur à l'aide de l'inspecteur d'éléments.

Nous ajouterons également des marges pour améliorer le design lorsque des images flottent à gauche ou à droite. Cette démonstration pratique vous aidera à comprendre comment les éléments se comportent lorsqu'ils sont floatés et comment le texte continue à les entourer de manière fluide.

Voir plus

Questions - réponses

Qu'est-ce que la propriété CSS float ?
La propriété CSS float permet de positionner un élément à gauche ou à droite, permettant ainsi au texte et aux autres éléments de s'écouler autour de cet élément.
Comment faire en sorte qu'une image flotte à gauche dans une page web ?
Pour faire flotter une image à gauche, vous pouvez utiliser la propriété float avec la valeur left dans votre CSS, par exemple .img-left { float: left; }.
Quel est l'effet de la propriété float sur le flux des éléments ?
La propriété float sort l'élément flottant du flux normal du document, permettant aux éléments suivants de s'écouler autour de lui, comme si l'élément flottant était sur un plan en avant.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 5 months
Commentaire
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 3 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !