CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 et CSS3 Transformer un paragraphe en colonnes avec CSS3

Transformer un paragraphe en colonnes avec CSS3

Les colonnes avec Tutoriel Html 5 et CSS 3
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5 et CSS3
Revoir le teaser Je m'abonne
Transcription
59,90€ 23,96€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ 23,96€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Propriétés CSS3 pour les colonnes

Objectifs

Les objectifs de cette vidéo sont de permettre aux apprenants de :
• Comprendre les propriétés CSS3 relatives aux colonnes.
• Mettre en pratique la transformation de paragraphes en colonnes.
• Appliquer des styles de séparation entre les colonnes.

Résumé

Apprenez à utiliser les nouvelles propriétés CSS3 pour structurer vos textes en colonnes, facilitant ainsi la mise en page et l'organisation de vos contenus.

Description

Cette leçon aborde une propriété très attendue de CSS3 : la transformation d'un paragraphe en colonnes. Grâce à des propriétés telles que column-count et column-width, il est désormais possible de diviser facilement un texte en plusieurs colonnes sans avoir besoin de dupliquer le contenu manuellement. Vous découvrirez également comment ajuster l'espacement entre les colonnes avec column-gap et styliser les séparateurs de colonnes à l'aide de column-rule. Les préfixes nécessaires pour garantir la compatibilité avec différents navigateurs seront également abordés. En suivant cet enseignement, vous serez en mesure d'appliquer ces techniques dans vos propres projets, améliorant ainsi la lisibilité et l'esthétique de vos mises en page.

Voir plus

Questions - réponses

Quel est l'intérêt d'utiliser les propriétés de colonnes en CSS3 ?
L'utilisation des propriétés de colonnes en CSS3 permet d'améliorer la mise en page d'un texte en le divisant en plusieurs colonnes, ce qui peut rendre le contenu plus lisible et esthétique.
Quelle est la différence entre 'column-count' et 'column-width' ?
'Column-count' définit le nombre de colonnes que vous souhaitez créer, tandis que 'column-width' spécifie la largeur de chaque colonne. Il est conseillé de ne pas utiliser les deux simultanément pour éviter des conflits de style.
Quel est le rôle de la propriété 'column-gap' ?
La propriété 'column-gap' définit l'espace entre les colonnes, permettant ainsi de contrôler l'espacement pour une meilleure lisibilité du texte.

Programme détaillé