This is an old revision of the document!

TD5 Approfondissement CSS

Manier les selecteurs comme personne

L'objectif de cet exercice est de vous aider à manier avec précision les selecteurs et les propriétés CSS.

A Faire :

* Votre mission si vous l'acceptez est de modifier votre page web en suivant les 3 points ci-dessous :

supprimer tous les classes ou id (O_o).
appliquer les styles uniquement via les selecteurs (http://www.w3schools.com/cssref/css_selectors.asp).
obtenir exactement le même résultat. Et oui, c'est possible M. Hunt.

L'objectif de cet exercice est de travailler le rendu d'un formulaire.

A Faire :

* Nous voulons créer un formulaire d'inscription, celui contiendra les informations suivantes :

* Utiliser toutes les balises HTML5 nécessaires à l'obtention de ce formulaire. * Mettre en forme ce formulaire avec du CSS dans l'objectif :

* Et c'est pas fini, veiller à :

Lorsqu'un champs est en train d'être modifié, appliquer “une mise en surbrillance” de ce dernier.
Les champs contenant du texte (excepté Mot de passe) doivent être pré-rempli.

* Quiz final :

Un peu d'aide ? * Pseudos-formats : :required, :invalid, :focus * Type de champs HTML5 : email, tel, number, url, range, color, date, search (http://www.alsacreations.com/tuto/lire/1372-formulaires-html5-nouveaux-types-champs-input.html)