Advertisement
vincentperaud

Différentes façons de donner du style à un élément

Feb 17th, 2020 (edited)
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.06 KB | None | 0 0
  1. Sur une balise classique :
  2. ==========================
  3. p {
  4.     font-size: 15px;
  5. }
  6. ----------------
  7. Ici le sélecteur est "p", ce qui signifie que le style décrit entre les accolades sera appliqué à toutes les balises "<p>"
  8.  
  9. Sur un ou plusieurs éléments identifiés par une classe "carre" :
  10. ======================================
  11. .carre {
  12.     width: 100px;
  13.     height: 100px;
  14.     border: 1px solid black;
  15. }
  16.  
  17. Sur un ou plusieurs éléments identifié par une classe "clear" :
  18. ===============================================================
  19. .clear {
  20.     clear: both;
  21. }
  22.  
  23. Sur plusieurs éléments en même temps :
  24. ======================================
  25. p, h1, .toto, .carre {
  26.     background-color: red;
  27. }
  28. ----------------
  29. Ici les éléments ayant pour balise "p", "h1", pour classe "toto" ou "carre" auront une couleur de fond rouge
  30.  
  31. Appliquer du style sur toute la page :
  32. ======================================
  33. Exemple : appliquer une couleur pour tous les textes de la page, ou bien une police particulière
  34. ----------------
  35. body {
  36.     color: blue;
  37.     font-family: Arial;
  38. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement