Plus on connaît de théorie et plus il est aisé de réaliser des sites web de plus en plus complexes.
C'est pour cela que je vous propose cette série de tutoriels où nous parlerons d'un sujet avec une vidéo de cours théorique et une vidéo d'application de la théorie.
Pour ce 8ème volet, nous allons étudier la propriété CSS column-count.
Grâce à cette propriété, nous verrons qu'il est simple et rapide d'afficher du texte (des articles) en colonnage, comme un journal.
Nous pourrons gérer
- le nombre de colonnes,
- l'espace entre les colonnes
- ou bien un séparateur visuel entre les colonnes.
Simple, rapide et efficace !
Je mets les codes de l'exercice d'application à votre disposition.
Découvrez les autres tutos de cette série :
- La position sticky en CSS / Concept + Exercice
- La pseudo-classe checked en CSS / Concept + Exercice
- La pseudo classe empty en CSS / Concept + Exercice
- La pseudo classe focus-within en CSS / Concept + Exercice
- La pseudo-classe target en CSS / Concept + Exercice
- Le pseudo-élément marker en CSS / Concept + Exercice
Table des matières de cette formation CSS (durée : 15m37s)
-
- Théorie 00:04:08
- Application 00:09:48
- Pour aller plus loin 00:01:41
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
J'aime ce type de tuto, je vous cite (Plus, on connaît de théorie et plus, il est aisé de réaliser des sites web de plus en plus complexes.) Carl, tout est dit. Merci pour ce cours bien expliqué. Validé 100 % #column-count
-
Ça m'a en effet rappelé la disposition en colonnes de type journal. A ne pas confondre avec grid. Intéressant pour la mise en forme de grands textes et très facile à appliquer. Et toujours bien expliqué. Merci Carl :-)
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de ce tuto.
note moyenne
avis laissés