Introduction au langage CSS

1. A propos des feuilles de style CSS

Les feuilles de style en cascade CSS (Cascading Style Sheets CSS en anglais), sont un langage de conception simple destiné à simplifier le processus de création de pages Web sophistiquées et présentables. Le langage CSS a été créé et maintenu par un groupe de personnes au sein du W3C (World Wide Web Consortium, ou W3C: un groupe qui formule des recommandations sur le fonctionnement et l'évolution d'Internet.) appelé le groupe de travail CSS. Le groupe de travail CSS crée des documents appelés spécifications. Lorsqu'une spécification a été discutée et officiellement ratifiée par les membres du W3C, elle devient une recommandation.

CSS gère l'aspect et la convivialité d'une page Web. À l'aide de CSS, vous pouvez contrôler la couleur du texte, le style des polices, l'espacement entre les paragraphes, la taille et la disposition des colonnes, les images ou les couleurs d'arrière-plan utilisées, les conceptions de mise en page, les variations d'affichage pour différents appareils et tailles d'écran. ainsi qu'une variété d'autres effets.

CSS est facile à apprendre et à comprendre, mais il offre un contrôle puissant sur la présentation d'un document HTML. Le plus souvent, CSS est combiné avec les langages de balisage HTML ou XHTML.

2. Avantages des feuilles de style CSS

  1. CSS fait économiser du temps: Vous pouvez écrire du CSS une fois, puis réutiliser la même feuille dans plusieurs pages HTML. Vous pouvez définir un style pour chaque élément HTML et l'appliquer à autant de pages Web que vous le souhaitez.
  2. Chargement rapide des pages: Si vous utilisez CSS, vous n'avez pas besoin d'écrire des attributs de balise HTML à chaque fois. Écrivez simplement une règle CSS d'une balise et appliquez-la à toutes les occurrences de cette balise. Donc moins de code signifie un gain du temps lors du chargement des pages.
  3. Maintenance facile: Pour effectuer un changement global, changez simplement le style et tous les éléments de toutes les pages Web seront automatiquement mis à jour.
  4. Styles qui dépasse le langage HTML: CSS a un éventail d'attributs beaucoup plus large que HTML, vous pouvez donc donner une bien meilleure apparence à votre page HTML par rapport aux attributs HTML.
  5. Compatibilité pour plusieurs appareils: Les feuilles de style permettent d'optimiser le contenu pour plusieurs types d'appareils. En utilisant le même document HTML, différentes versions d'un site Web peuvent être présentées pour les appareils portables tels que les PDA et les téléphones portables, tablettes ordinateurs...
  6. Optimisation pour les moteurs de recherche (SEO): CSS est considéré comme une technique de codage propre, ce qui signifie que les moteurs de recherche n'auront pas à lutter pour "lire" son contenu.
  7. Navigation hors ligne: CSS peut stocker des applications Web localement à l'aide d'un cache hors ligne. En utilisant cela, nous pouvons afficher des sites Web hors ligne.
  8. Normes Web mondiales: désormais, les attributs HTML sont obsolètes et il est recommandé d'utiliser CSS. C'est donc une bonne idée de commencer à utiliser CSS dans toutes les pages HTML pour les rendre compatibles avec les futurs navigateurs.




3. Les versions du langage CSS

3.1 La version CSS1

CSS1 a été officiellement publié en 1996 et comprenait des propriétés pour ajouter des propriétés de police telles que la police et la couleur d'accentuation du texte, des arrière-plans et d'autres éléments Attributs de texte tels que l'espacement entre les mots, les lettres et les lignes de texte. Malheureusement, le manque de prise en charge fiable des navigateurs Web a empêché la popularité de CSS1 pendant plusieurs années.

3.2 La version CSS2

La spécification CSS2 a été développée par le W3C et publiée sous forme de recommandation en 1998. Elle a notamment ajouté des propriétés de positionnement permettant l'utilisation de CSS pour la mise en page . Il a également introduit des styles pour d'autres types de médias et des méthodes plus sophistiquées pour sélectionner des éléments à styliser.

3.3 La version CSS3

Les premiers brouillons de CSS3 ont été publiés en 1999. CSS3 ajoute des propriétés de style de présentation, vous permettant de créer efficacement des présentations à partir de documents Web. Le langage CSS3 est divisé en plusieurs documents distincts appelés modules. En raison de la modularisation, différents modules ont une stabilité et des statuts différents.

3.4 La version CSS4

Il n'y a pas de spécification CSS4 unique et il n'y a pas de norme nommée CSS4. Mais quelques modules de niveau 4 existent, tels que Valeurs d'image, Arrière-plans et bordures, ou Sélecteurs, etc., qui s'appuient sur les fonctionnalités d'un module de niveau 3 précédent. Les modules de niveau 4 peuvent être appelés collectivement CSS niveau 4 . Il n'y a qu'un standard CSS, et chaque module peut monter de niveau indépendamment.



 

Younes Derfoufi
CRMEF OUJDA

Leave a Reply