Définition CSS - Cascading Style Sheets

On appelle CSS ou Cascading Style Sheets, un langage informatique descriptif standard permettant la mise en forme des pages Internet.

En Français, Feuilles de Styles en Cascade, le CSS permet d’éditer les caractéristiques des données HMTL et XML.

Fichier et “style CSS“

Le langage CSS est une alternative à la mise en forme via les balises HTML puisque celui-ci permet de dissocier le contenu de la mise en page. Ainsi, on modifie l’apparence de l’ensemble des pages d’un site Internet depuis un fichier CSS annexe généralement appelé “style.css”.

Ce fichier regroupe des règles stylistiques communes aux pages web d’un site Internet.

Le CSS est une recommandation du W3C World Wide Web Consortium, qui permet notamment d’améliorer l’accessibilité des documents informatiques.

Structure du CSS

Voici comment se présente une ligne :

Sélecteur {propriété: valeur; propriété: valeur;}

Le sélecteur représente le type d’élément, la propriété, ce que l’on va changer et la valeur, ce que l’on veut afficher. Concrètement pour l’élément H1 voici à quoi cela ressemble.

h1 {
font-size: 175%; 
color: grey; 
text-align: center;
}

Le CSS nécessite quand même quelques connaissances en HTML.

Exemples d’utilisation du CSS

Avec les nouvelles tendances webdesign de création de site Internet, ce type de langage informatique est devenu incontournable. Les utilisations sont nombreuses, aussi voici quelques exemples concrets pour vous donner une idée

• Modifier le style des éléments textuels (tailles, couleurs, style) de différents blocs et balises HTML tels que les titres, les paragraphes, les liens, les listes à puces, les tableaux…
• Afficher les contenants sous différents aspects comme par exemple en colonne, grille
• Personnaliser les arrière-plans et les différents contenants et éléments structurants tels que les
  en y ajoutant marges, padding et bordures.
• Définir les règles d’affichage RWD (Responsive web design) sur les différents terminaux d’affichage smartphone, desktop…
• Customiser le menu en modifiant son design.
• Permettre des animations et micro animations simples.

Bref vous l’avez compris ce langage est un indispensable !

Vocabulaire associé

HTML, webdesign, Ui design, Javascript, PHP, XML