Les feuilles de style CSS

Article publié le Dimanche 01 mars 2026 , lu 20 fois

Introduction

CSS (Cascading Style Sheets) est un langage de style utilisé pour décrire la présentation d’un document écrit en HTML. Il permet de séparer le contenu de la présentation, facilitant ainsi la maintenance et l’évolution des sites web.

Syntaxe de base

Un règle CSS est composée d’un sélecteur et d’un bloc de déclaration contenant une ou plusieurs propriétés.


p {
    color: blue;
    font-size: 16px;
}

Sélecteurs courants

Les sélecteurs permettent de cibler des éléments HTML spécifiques.


.ma-classe { color: red; }   /* Sélecteur de classe */
#mon-id { font-weight: bold; } /* Sélecteur d’ID */

Modèle de boîte

Chaque élément HTML est considéré comme une boîte, composée de : margin, border, padding, content.

Exemple complet : Carte produit


<div class="product-card">
  <img src="produit.jpg" alt="Produit">
  <h3>Nom du produit</h3>
  <p class="price">29,99 €</p>
</div>


.product-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    max-width: 200px;
    text-align: center;
}
.price {
    color: #e63946;
    font-weight: bold;
}

Les origines de CSS

1994-1996 : La création de CSS

CSS (Cascading Style Sheets) a été proposé pour la première fois en 1994 par Håkon Wium Lie, puis développé avec Bert Bos. La première recommandation officielle, CSS1, a été publiée en 1996 par le W3C. CSS a été conçu pour séparer le contenu (HTML) de la présentation, révolutionnant le design web.

1998 : CSS2 et l'extension des possibilités

En 1998, le W3C publie CSS2, qui ajoute des fonctionnalités avancées comme le positionnement absolu, relatif et fixe, les médias types (pour l'impression, les écrans, etc.), et les styles pour les interfaces utilisateur. CSS2 a permis de créer des designs web bien plus complexes et adaptatifs.

2011 : CSS3 et les modules

À partir de 2011, le W3C commence à publier les spécifications de CSS3 sous forme de modules indépendants. CSS3 introduit des fonctionnalités révolutionnaires comme les animations, les transitions, les ombrages, les bordures arrondies, et les grilles flexibles (Flexbox) et CSS Grid, qui transforment radicalement le design web.

2020-Présent : CSS moderne et futures évolutions

Depuis 2020, CSS continue d'évoluer avec des fonctionnalités comme les variables CSS, Subgrid, Container Queries, et des améliorations pour le responsive design. CSS est désormais un langage puissant, capable de gérer des designs complexes et des animations avancées, tout en restant performant.

1996 : La création de CSS

CSS (Cascading Style Sheets) a été proposé pour la première fois en 1994 par Håkon Wium Lie, puis développé avec Bert Bos. La première recommandation officielle, CSS1, a été publiée en 1996 par le W3C. CSS a été conçu pour séparer le contenu (HTML) de la présentation, révolutionnant le design web.

Conclusion

CSS est indispensable pour créer des sites web modernes, responsives et esthétiques. Des frameworks comme Bootstrap ou Tailwind CSS facilitent son utilisation.

Tournez votre téléphone