1. Introduction au CSS

Le CSS (Cascading Style Sheets) est un langage essentiel pour le design et la mise en forme des pages web. Il permet de contrôler l'apparence des éléments HTML, comme les couleurs, les polices, les marges, les espacements, et bien plus. Grâce au CSS, on peut rendre un site web beau, moderne et agréable à utiliser.

Pourquoi utiliser le CSS ?

Sans CSS, une page web serait une simple structure brute, difficile à lire et peu attrayante. Le CSS sépare le contenu (HTML) de la présentation, ce qui facilite la maintenance et améliore la flexibilité du site.

Les bases du CSS

Le CSS s’écrit sous forme de règles composées d’un sélecteur et d’une déclaration :

• Sélecteur : cible l’élément HTML à styliser.
• Déclaration : définit la propriété et la valeur à appliquer.

Exemple :

body {
  background-color: #fff7e6;
  color: #333;
  font-family: Arial, sans-serif;
}
    

Comment intégrer du CSS dans une page HTML ?

• Dans la balise <style> directement dans la page HTML.
• En liant un fichier CSS externe avec <link>.
• Via des styles en ligne dans l’attribut style d’un élément HTML (moins recommandé).

Conclusion

Le CSS est un outil puissant qui permet de transformer des pages web simples en expériences visuelles riches et attrayantes. Dans les prochaines leçons, nous approfondirons les sélecteurs, les couleurs, la mise en page, et bien plus.

🔊 Audio & Vidéo en HTML5

Exercice