Contact

Parlez-nous de votre projet

Papeteries Images Factory
3 esplanade Augustin Aussedat
74000 Annecy
Localiser

Définition CSS - Cascading Style Sheets

  • Glossaire - digital
  • Développement
  • Site Web
  • Ecrit par Adrien

Le CSS ou Cascading Style Sheet est un langage informatique permettant de personnaliser et d'éditer l'affichage des pages d'un site Internet.

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

Rédigé avec amour par Adrien

Ce n'est pas tout

Vous aimerez peut-être aussi ces publications

07/09/21

Définition HTML - HyperText Markup Language

On définit le HTML ou langage de balisage hypertexte comme un langage informatique permettant de construire des pages et de créer des liens entre différentes pages sur Internet.

18/10/21

Définition JS - Qu’est ce que le JavaScript

On définit le JS ou JavaScript comme un langage informatique de programmation ou un langage de script orienté objet. Le JS permet de créer des interactions sur une page de site Internet pour la rendre plus moderne et pratique.

Vous voulez rejoindre notre équipe ?

C'est par ici