CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Styliser les Listes en CSS

Styliser les Listes en CSS

Les styles de listes
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
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction et Bases

Objectifs

À la fin de cette vidéo, vous serez capable de :
1. Créer et styliser des listes ordonnées et non ordonnées.
2. Utiliser les propriétés CSS telles que list-style-position et list-style-type.
3. Gérer les couleurs de fond et les héritages de couleur dans vos listes.

Résumé

Apprenez à styliser des listes ordonnées et non ordonnées avec CSS afin de rendre vos contenus plus attrayants visuellement.

Description

Cette leçon aborde en détail la mise en forme des listes en utilisant le CSS. Vous apprendrez comment créer des listes non ordonnées (ul) et ordonnées (ol), ainsi que des listes imbriquées. Vous découvrirez également comment appliquer des styles différents aux listes et leurs items. L'utilisation de la propriété list-style-position pour gérer l'emplacement des puces, ainsi que des différentes options de la propriété list-style-type sera expliquée. Par ailleurs, des astuces pour annuler les couleurs de fond et hériter des couleurs des éléments parents seront abordées, garantissant ainsi une flexibilité dans la conception. Les propriétés CSS spécifiques pour les listes ordonnées seront également couvertes, telles que la modification des numérotations avec des valeurs comme lower-alpha ou upper-roman. Cette formation est indispensable pour ceux qui cherchent à améliorer l'apparence et la lisibilité des listes dans leurs projets web.

Voir plus

Questions fréquentes

Quelle propriété CSS permet de modifier le type de puce d'une liste ?
La propriété list-style-type permet de modifier le type de puce d'une liste.
Comment rendre une couleur de fond transparente en CSS ?
Utilisez la valeur transparent pour la propriété background-color.
Quelle propriété CSS peut être utilisée pour positionner les puces à l'intérieur des items de liste ?
La propriété list-style-position: inside peut être utilisée pour positionner les puces à l'intérieur des items de liste.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
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 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
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 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !