Atelier 2 CSS Semestre : 1 Session (Principale / Rattrapage) : Principale | | Préparé par : UP WEB Classe : 4ème info B 1, 2, 3 | Documents autorisés : Oui Nombre de pages : 2 | |
Le but de cet atelier c’est de réaliser le fichier menu.css permettant de réaliser, sur la première page « menu.html », le style que vous voyez ci-dessous. Pour la deuxième page « platsJour.html » faites le style en interne.

Remarque : Aucun style dans les balises pour la première page
Description de la page « menu.css » :
Créez le fichier « menu.css » comme suit :
1] Le corps de la page doit avoir la couleur : « gray ».
2] Le titre « Plat Du Jour » doit être centré, de taille 24px, de police « Matura MT Script Capitals » et de couleur « lime ».
3] La liste du menu du plat du jour doit être aussi centrée avec la police « Matura MT Script Capitals » et de couleur « white ».
4] Le cadre du formulaire doit être de largeur 30%, de marge automatique, de couleur de bordure « olive » et de couleur de fond « silver ».
5] Le titre (légende) du formulaire doit être en gras, de taille 24px, et de couleur « yellow ».
6] Les Titres A= « Faites votre choix SVP » et B= « Notre Menu » doivent être en gras et de couleur « white ».
7] la Ligne séparant les zone A et B doit être en gras et ayant la couleur « olive ».
8] Les menus déroulant doivent avoir tous la même largeur 100%.
9] Les labels : Entrée, Plat, Dessert doivent avoir les même caractéristiques comme suit : en gras, taille 18px et de couleur « aqua ».
Description de la page « platsJour.css » :
1] La couleur du fond : "#999999"
2] La couleur du titre :