CATALOGUE Code & Data Formation XHTML/CSS Apprendre XHTML & CSS Comment Positionner des Blocs HTML avec CSS

Comment Positionner des Blocs HTML avec CSS

Analyse du design et création de de blocs conteneurs (éléments DIV)
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre XHTML & CSS
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

Les objectifs de cette vidéo sont de comprendre comment structurer une page web avec des conteneurs, appliquer des styles CSS à ces conteneurs, et positionner les blocs HTML pour une présentation visuellement agréable.

Cette leçon couvre les techniques de positionnement de blocs HTML en utilisant des conteneurs CSS.

Dans cette leçon, nous allons explorer comment intégrer et positionner divers blocs HTML au sein d'une page web à l'aide de conteneurs CSS. Nous commencerons par une explication sur la nécessité d'utiliser des conteneurs pour regrouper des éléments similaires, comme un menu ou du contenu principal. Ensuite, nous apprendrons à styliser ces conteneurs afin de les organiser visuellement en colonnes et en blocs au sein de notre page web. Pour cela, nous verrons un exemple pratique avec un menu à quatre éléments et un contenu principal composé de trois blocs répartis sur deux colonnes. Nous aborderons également l'utilisation des classes CSS pour appliquer des styles communs à plusieurs éléments, simplifiant ainsi le processus de stylisation.

Voir plus
Questions réponses
Pourquoi est-il préférable d'utiliser des conteneurs pour structurer une page web ?
Les conteneurs permettent de regrouper des éléments similaires, facilitant ainsi le positionnement et l'application de styles cohérents.
Quelles sont les caractéristiques partagées par les deux blocs dans la première colonne ?
Les deux blocs partagent la même couleur de fond, les mêmes retraits et les mêmes styles de titre avec un retrait important sur la droite d'environ 80 pixels.
Quel est l'avantage d'utiliser des classes CSS pour styliser des blocs similaires ?
Les classes CSS permettent d'appliquer des styles communs à plusieurs éléments, ce qui simplifie le processus de stylisation et réduit la redondance dans le code CSS.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Azraël
Il y a 3 ans
Dans l'ensemble bon cours, toutefois pas adapté au débutant car très touffu.
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.