Différences

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

--- technique:css [2020/12/04 23:20] – francoisa
+++ technique:css [2020/12/05 00:12] – francoisa
@@ Ligne 7: / Ligne 7: @@
   * [[https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3?status=published|OpenClassRomm HTML5 et CSS]]
   * [[https://www.w3docs.com/css3-maker/|CSS3 Maker]]
+  * [[https://devdocs.io/css/|Devdocs CSS]]
-===== Flexbox : mise en page souple =====
+  * [[https://developer.mozilla.org/fr/docs/Web/CSS|CSS sur MDN]]
-  * [[https://www.grafikart.fr/tutoriels/flexbox-806|Flexbox]] : avec Grafikart
-  * [[https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Concepts_de_base_flexbox|Flexbox sur MDN]]
 ===== Principes de base en CSS =====
@@ Ligne 45: / Ligne 42: @@
 Marges : ''border'', ''padding''  (intérieures), ''margin''  (extérieures) : 4 chiffres : top, right, bottom, left / 3 chiffres : top , left-right, bottom / 2 chiffres : top-bottom, lef-right / 1 chiffre : tous.
-''Display block''  (empilés, taille fixable) : h1, p, div, header, section, footer...
+''Display block''  (empilés, taille fixable) : h1, p, div, header, section, footer…
 ''Display inline''  (en ligne, taille dépendante du conteneur parent) : a, strong, em, span…
@@ Ligne 59: / Ligne 56: @@
   * Les espaces sont affichées dans les ''inline''  et ''inline-block''.
   * L'attribut ''background''  est différent entre ''inline''  et ''inline-block''  (nouvelle boite en ligne)
-  * Plusieurs autres spécificités de display (flexbox, grid...)
+  * Plusieurs autres spécificités de display (flexbox, grid…)
+===== Flexbox : mise en page souple =====
+  * [[https://www.grafikart.fr/tutoriels/flexbox-806|Flexbox]] : avec Grafikart
+  * [[https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Concepts_de_base_flexbox|Flexbox sur MDN]]