Nous utilisons des cookies pour vous garantir la meilleure expérience sur ce site. Si vous continuez sur ce site, nous supposerons que vous en êtes satisfait. Pour plus d'informations, veuillez consulter notre page d'utilisation des cookies.

CSS3

Exercice structure HTML - CSS

En utilisant les éléments strucutrants HTML et les premières notions de CSS, reproduire la structure suivante. Voici les proriétés CSS à utiliser :
margin-top
margin-bottom
padding-top
padding-bottom
padding-right
padding-left
background-color
border

Pour obtenir le code Hexadécimal (type #FFFFFF) d'une couleur, rendez-vous sur ce site : https://htmlcolorcodes.com/fr/

Voir la structure : dmICu.png Voir la demo : index.html Télécharger la solution : ex-css-2.zip

Exercice CSS - Transitions & animations

À l'aide des nouvelles propriétés des boîtes flexibles CSS, réaliser l'exercice ci-dessous.

Voir la démo : index.html Télécharger la solution : ex-css-5.zip

Exercice CSS - Les boîtes flexibles

À l'aide des nouvelles propriétés des boîtes flexibles CSS, réaliser l'exercice ci-dessous.

Voir la démo : index.html Télécharger la solution : ex-css-4.zip

Exercice CSS - Intégration

À l'aide des nouvelles propriétés CSS abordées, intégrer la maquette ci-dessous.

Voir la maquette : landing-page.png Voir le découpage : decoupe.jpg Télécharger la maquette : landing-page.png

Exercice CSS - Transformations 3D

À l'aide des nouvelles propriétés CSS abordées, reproduire la démonstration ci-dessous.

Voir la démo : index.html Télécharger le ZIP : ex-css-6.zip

Exercice SASS - Intégration 2

À l'aide des nouvelles propriétés CSS abordées, reproduire la maquette ci-dessous.

Voir la maquette : maquette-sass.jpg Télécharger le ZIP : ressources.zip