CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet Améliorer la mise en forme de vos pages web

Améliorer la mise en forme de vos pages web

Construire une page avec plusieurs colonnes partie 2
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 3 - Mettre en page son site internet
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Optimisation avancée avec CSS

Objectifs

Les objectifs de cette vidéo incluent :

  • Apprendre à utiliser le text-transform pour manipuler les textes.
  • Comprendre l'utilisation de la propriété box-shadow pour ajouter des ombres.
  • Savoir comment appliquer des border-radius aux éléments pour des coins arrondis.
  • Gérer les font-size et font-weight pour une meilleure typographie.
  • Maîtriser l'utilisation des padding et margin pour des espacements optimaux.

Résumé

Ce tutoriel vous montre comment perfectionner la mise en forme de vos pages web, en abordant des techniques comme le text-transform, la box-shadow et le border-radius.

Description

Dans cette leçon, nous continuons notre exploration de la mise en forme des éléments HTML en utilisant le CSS. Nous allons voir comment styliser plusieurs parties d'une page web pour obtenir un rendu plus professionnel et visuellement agréable. Les concepts clés traités incluent :

  • Text-transform : pour convertir les textes en majuscules, minuscules ou tout autre style de texte.
  • Box-shadow : pour ajouter des ombres aux éléments et leur donner de la profondeur.
  • Border-radius : pour créer des coins arrondis, ajoutant ainsi une touche de modernité à vos éléments HTML.
  • Font-size et font-weight : pour ajuster la taille et le poids des polices afin d'améliorer la lisibilité et l'esthétique.
  • Padding et margin : pour gérer les espacements dans les éléments et entre eux.

Cette session est idéale pour ceux qui souhaitent approfondir leurs compétences en CSS et comprendre comment de petites modifications peuvent considérablement améliorer l'apparence d'un site web.

Voir plus

Questions fréquentes

Pourquoi utilise-t-on la propriété text-transform en CSS ?
La propriété text-transform est utilisée pour changer la casse des textes, permettant de les convertir en majuscules, minuscules ou capitalisées sans modifier le HTML.
Comment la propriété box-shadow contribue-t-elle à l'apparence d'un site web ?
La box-shadow ajoute de la profondeur et du relief aux éléments, créant un effet d'ombre qui donne une impression de dimensionnalité et améliore l'esthétique visuelle.
Quelle est l'importance du border-radius dans la conception web moderne ?
Le border-radius permet de créer des coins arrondis sur les éléments, adoucissant les bords et ajoutant une touche moderne et élégante à la conception des pages web.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Cicine
Il y a 2 ans
Dans la séquence slide auto, pas d'explication sur le 12% du slider auto; quelle est l'origine de ce chiffre? pas d'explication me bloque. Je suis obligée d'aller voir une autre plateforme qui présente le slide auto.
Dommage.