Centrer avec position absolue

 

See the Pen centrer by dupont (@dupontcodepen) on CodePen.

Autre exemple d’utilisation de position absolue : https://codepen.io/dupontcodepen/pen/VwmMXEg

Semaine 6

La création d'un menu déroulant pur CSS est ce que l'éclair au chocolat est à la boulangerie : un classique

Vous devons créer un : menu déroulant

En cours, je ferai le point sur la préparation d'un document relatif à la conception du menu déroulant.

Projet à rendre !

 Voici un DM à rendre pour le (03/03) 10/03 sur gitHub.

Mes photos de vacances !

Semaine 5

Cours	Intro : Sélecteurs
	style : Style de base
TD	CSS : Introduction au style et placement

inline/block

 

Voici des exemples sur le comportement display:bloc

Notez dans l'exemple 2 : La somme des largeurs des p est inférieure à la largeur du body ; ceci n'implique pas que les paragraphes sont en ligne !

Solutions !

Correction du TD

Trouver la correction du TD " Les attributs : GitHub how to"

Correction du quizz (non noté)

Trouver comment faire un lien qui sort d'un <iframe> 

La solution : https://github.com/dupontdenis/Iframe_target est sur gitHub. Cette question sort du cadre de notre introduction au HTML, elle est posée uniquement dans le cadre d'un entrainement au pratique des QCM.

Je vous rappelle comment charger cette solution directement dans votre éditeur VS ( + comment faire )

Semaine 4 du 08/02

Le TD porte sur Les attributs

En Cours, nous introduisons en cours la notion de sélecteurs. Les Sélecteurs sont au cœur du CSS ( lien )

ANNONCE : la semaine prochaine aura lieu un QCM en ligne.

La durée sera de15mn, les questions sont séquentielles. Vous ne pourrez pas revenir en arrière.

Entrainez vous

Quizz

@Solution du td Les attributs :  ( GitHub )

T'a vu mon Style !!!

Je préfère le mien !!!

Conception en trois étapes !

Amusez vous avec la démo suivante (cliquez par exemple sur l'icône )

Cette démonstration fait appel aux trois langages : 

1. HTML
2. CSS 
3. JS

Nous devrions être capable de comprendre le HTML. 

Prenez le temps d'analyser le code. Il nous reste encore beaucoup de travail pour arriver au résultat final, courage ! 

SCSS permet de compiler du code Sass en CSS.