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

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

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>

Contenu

Marge interne (padding)

Bordure (border)

Marge externe (margin)