Introduction à CSS

1.1 Histoire de CSS

Cascading Style Sheets (CSS), également connu sous le nom de Feuilles de Style en Cascade, est l'un des composants clés du développement web, responsable de l'apparence visuelle des pages web. L'histoire de CSS a commencé au milieu des années 90, lorsque la nécessité de séparer la structure et le style des pages web est devenue évidente.

Les premiers jours d'Internet

Au début des années 90, lorsque l'Internet a commencé à gagner en popularité, les pages web étaient créées en utilisant HTML, qui définissait à la fois la structure et le style. Les designers web inséraient des styles directement dans le code HTML, utilisant les attributs des balises <font> et <center>. Cela a conduit à la création de pages web lourdes et difficiles à maintenir.

Naissance de CSS

En 1994, Håkon Wium Lie, travaillant au Centre Européen de Recherche Nucléaire (CERN), proposa le concept de CSS. Il comprenait que les pages web avaient besoin d'une méthode standardisée de mise en forme, indépendante de HTML. Tim Berners-Lee, l'inventeur du World Wide Web, soutint cette idée.

Standardisation

En décembre 1996, le Consortium World Wide Web (W3C) publia la première spécification de CSS, connue sous le nom de CSS1. Ce fut le premier pas vers la séparation de la structure de la page web de son style. CSS1 incluait des styles de base pour le texte, les polices, la couleur et l'alignement, mais ses capacités étaient limitées.

En même temps, CSS1 a posé les bases du futur développement du web design. Il a offert aux développeurs la possibilité de contrôler la couleur du texte, l'arrière-plan, la typographie et l'alignement des éléments sur la page web. Ce fut un grand pas en avant, mais CSS1 avait encore de grandes limitations et des défauts.

1.2 Évolution de CSS

CSS2 : Extension des fonctionnalités

En 1998, seulement deux ans après la sortie de CSS1, le W3C a publié la spécification CSS2. Elle a considérablement élargi les capacités de CSS1, en ajoutant de nouvelles fonctionnalités et améliorations, telles que le positionnement absolu et relatif, l'indice Z, les types de médias et la stylisation des tableaux.

CSS2 fut un pas en avant important, fournissant aux développeurs plus d'outils pour créer des mises en page complexes et un meilleur contrôle des styles.

CSS2.1 : Corrections et améliorations

Malgré les innovations de CSS2, les développeurs ont rencontré des problèmes liés à l'implémentation et à la compatibilité. Pour résoudre ces problèmes, la spécification CSS2.1 a été publiée en 2004. Elle incluait des corrections d'erreurs et des améliorations, offrant une base plus stable et fiable pour le web design.

CSS2.1 est devenu le standard de facto sur lequel les développeurs pouvaient compter lors de la création de pages web.

CSS3 : Approche modulaire

CSS3 fut une véritable percée dans le développement web. Contrairement à ses prédécesseurs, CSS3 a été conçu comme un système modulaire. Cela signifiait que différentes parties de CSS pouvaient évoluer indépendamment, accélérant le processus de développement et l'introduction de nouvelles fonctionnalités.

CSS3 a apporté de nombreuses nouvelles fonctionnalités, telles que les animations, transitions, dégradés, media queries, Flexbox et Grid Layout. Ces innovations ont rendu possible la création de pages web plus complexes, interactives et adaptatives.

État actuel de CSS : Living Standard

Le CSS moderne continue d'évoluer de manière modulaire, ce qui permet de s'adapter rapidement aux changements dans les technologies web et aux besoins des développeurs. Les modules tels que CSS Grid Layout, CSS Custom Properties (variables) et CSS Houdini, offrent de nouvelles possibilités pour créer des designs web flexibles et puissants.

1.3 Principes fondamentaux de CSS

CSS repose sur trois principes fondamentaux : cascade, héritage et spécificité.

• Cascade (Cascading) : les règles sont appliquées dans l'ordre où elles sont définies. Si plusieurs règles sont en conflit, la dernière règle dans le code a la priorité.
• Héritage (Inheritance) : certaines propriétés sont héritées des éléments parents par les éléments enfants. Par exemple, la couleur du texte et la famille de polices.
• Spécificité (Specificity) : les règles avec une spécificité plus élevée ont la priorité. La spécificité est calculée selon les sélecteurs.

CSS a parcouru un long chemin depuis sa création en 1994. D'un simple outil pour styliser le texte et l'arrière-plan à un langage puissant pour créer des mises en page complexes et des animations, CSS est devenu un outil indispensable dans le développement web.

Sa structure modulaire permet aux standards web d'évoluer rapidement et de s'adapter aux nouvelles exigences, rendant l'Internet plus beau et convivial pour les utilisateurs. Comprendre l'histoire et l'évolution de CSS aide à mieux saisir comment et pourquoi les techniques et standards modernes sont utilisés dans le web design.