CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Styler une Navigation avec CSS

Styler une Navigation avec CSS

Styler la navigation
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

Manipulation des éléments de la navigation

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre les propriétés display pour les éléments de navigation
  • Savoir utiliser le padding et le margin pour ajuster l'espace des éléments
  • Apprendre à gérer les espaces blancs et les états des liens (hover, active, visited)

Résumé

Apprenez à styliser une navigation web avec des éléments ul et li en utilisant les propriétés CSS appropriées telles que display et padding.

Description

Dans cette leçon, nous allons approfondir l'utilisation des éléments de navigation HTML, notamment ul et li, pour organiser les liens de manière propre et structurée. Vous apprendrez comment manipuler ces éléments pour créer des layouts efficaces à l'aide des propriétés display, padding et margin.

Nous aborderons également la manière d'éliminer les espaces blancs indésirables générés par display inline-block et de gérer les différents états des liens (hover, active, visited) pour améliorer l'interaction utilisateur.

En suivant cette leçon, vous pourrez créer des navigations élégantes et fonctionnelles qui amélioreront l'expérience utilisateur de vos sites web.

Voir plus

Questions - réponses

Comment enlever les puces d'une liste ul en CSS ?
Utilisez la propriété list-style-type avec la valeur none pour retirer les puces.
Quelle propriété CSS permet d'empiler des éléments li horizontalement ?
La propriété display avec la valeur inline-block permet d'afficher les éléments li côte à côte.
Comment fixer l'espace blanc généré par <code>display: inline-block</code> entre les éléments ?
Réduisez l'font-size du parent à 0, puis rétablissez-le sur les éléments enfants pour éliminer l'espace blanc.

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 !