Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:menucss [2024/03/30 11:07] – [3. Mise en forme du menu] phil
+++ web:menucss [2025/06/19 19:24] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 3: / Ligne 3: @@
 ==== WEB - Conception d'un menu déroulant avec des règles CSS ====
-[Mise à jour le 30/3/2024]
+[Mise à jour le 1/4/2024]
   * **Ressources**
@@ Ligne 16: / Ligne 16: @@
 === 2. Création de la structure du menu  ===
-<callout type="info" icon="true">Le menu est créé à partir d'une liste non ordonnée. </callout>
+<callout type="info" icon="true">La **structure** du menu est créée dans le fichier //**menu.html**// à l'aide d'une **liste non ordonnée** . </callout>
 {{ :web:structure.png?nolink&160|}}
@@ Ligne 29: / Ligne 29: @@
     <title>Menu déroulant</title>
     <link rel="stylesheet" type="text/css" href="styles/menu.css" />
-    <!--<link href='http://fonts.googleapis.com/css?family=Lato'
+    <!--<link href='https://fonts.googleapis.com/css?family=Lato'
     rel='stylesheet' type='text/css' />-->
 </head>
@@ Ligne 57: / Ligne 57: @@
 \\
+//Remarque// : le lien en commentaire montre comment utiliser une <html><a href="https://developers.google.com/fonts/docs/getting_started?hl=fr" target="_blank">police de caractères</a></html> Google.
 === 3. Mise en forme du menu ===
 <callout type="warning" title="CSS" icon="true">Placer les règles CSS dans la page //**menu.css**//.</callout>
@@ Ligne 63: / Ligne 64: @@
  <code css *.css>
 body {
-    font: 12px "Lato", sans-serif;
+    font-family: "Lato", sans-serif;
+    font-size: 12px;
 }
 </code>