Code et programmation

Front-end - L'apparence du Web (CSS)

Master Information-Communication Ecosystèmes médiatiques et transition numérique - ICP 2025

Objectifs

✅ Comprendre le rôle et la syntaxe du CSS

 

✅ Savoir "cibler" des éléments HTML spécifiques pour les styliser (sélecteurs)

 

✅ Découvrir les propriétés CSS les plus courantes pour modifier l'apparence d'une page

 

✅ Comprendre le "Box Model", concept fondamental de la mise en page web

✅ S'initier aux techniques de mise en page modernes avec Flexbox

CSS, pour quoi faire ?

Modifier le style des éléments composant une page web :

 

  • dimensions
  • marges
  • positionnement
  • couleurs
  • polices d'écriture
  • taille et style du texte
  • ...
h1 {
  text-align: center;
  
  font-size: 5rem;
  font-weight: bold;
  color: white;
}

Sélecteur

Déclaration

Propriété

Valeur

Règle

<!DOCTYPE html>
<html>
  <head>
    <!-- ... -->
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <!-- ... -->
  </body>
</html>

Lier un fichier CSS à un document HTML

Les sélecteurs

Les classes

Combiner des sélecteurs

Les polices d'écriture (font)

Cascade

Le modèle de boîte

Contenu

Marge interne (padding)

Bordure (border)

Marge externe (margin)

Dimensions

Flexbox

Liens complémentaires

02 - Front-end - CSS

By Cyrille Perois

Made with Slides.com

02 - Front-end - CSS

  • 13

More from Cyrille Perois