Heiphaistos TutorialsHeiphaistosTutorials
🪟Windows🖥️CMD / PowerShell💬Discord🍎macOS🔐Sécurité🐧Linux🌐Réseau💻Programmation🤖Android📦Applications🔥Applications Heiphaistos📦Logiciels📦HeiApps

⚒ Heiphaistos Tutorials

Forge ton savoir informatique.
Tutoriels clairs, sans blabla.

Navigation

  • Accueil
  • Tous les tutoriels
  • Windows
  • Discord

Ressources

  • Flux RSS
  • heiphaistos.org

© 2026 Heiphaistos Tutorials — tuto.heiphaistos.org

Mentions légalesConfidentialitéCGU

Forge ton savoir.

Accueil/Programmation/CSS : les bases (sélecteurs, couleurs, polices, marges)
💻ProgrammationVidéo

CSS : les bases (sélecteurs, couleurs, polices, marges)

Relier une feuille de style CSS à sa page, cibler les éléments avec les sélecteurs (balise, classe, id), régler couleurs, polices, tailles, et comprendre le modèle de boîte (margin, padding, border).

9 octobre 20261 min de lecture
#débutant#programmation#web#css
Votre navigateur ne supporte pas la lecture vidéo.
VitesseSous-titres : bouton CC du lecteur

Sommaire

  • Relier
  • Sélecteurs
  • Modèle de boîte
  • Unités

Relier

<link rel="stylesheet" href="style.css">

Sélecteurs

  • p : toutes les balises p
  • .carte : classe (class="carte")
  • #menu : id unique
  • .carte h2 : descendant · a:hover : survol · li:first-child

Modèle de boîte

* { box-sizing: border-box; }   /* la largeur inclut padding et bordure */
.carte { padding: 16px; border: 1px solid #fdba74; margin: 24px auto; max-width: 600px; }

Unités

px, rem (relatif à la police racine, idéal pour les tailles de texte), %, vw/vh. Couleurs : #c2410c, rgb(), hsl(). Mise en page : Flexbox, Grid.

Commentaires

Aucun commentaire pour l'instant. Soyez le premier !

Laisser un commentaire

En envoyant un commentaire, vous acceptez les conditions d'utilisation et la publication de votre pseudo après modération (voir la politique de confidentialité).