Astuce 007

Astuce 007

« Dit moi c’est quoi la différence en CSS et SCSS. Que signifie cette lettre en plus ? Et puis c’est quoi Sass alors ? » 🤔

On va essayer de faire court et simple 😅

CSS tu connais surement, c’est un langage de feuille de style. Un truc obscur que tout le monde connaît mais que personne ne maitrise vraiment.. C’est la base d’un bon cassage de clavier.

SCSS (Sassy CSS) est un préprocesseur. Il apporte des éléments de syntaxe supplémentaires (variables, nesting, mixins, etc). Il te permet de rendre ton code plus lisible, moins volumineux, mieux ciblé, etc.

Sass (Syntactically Awesome Style Sheets) aussi appelé « indented syntax » est une syntaxe alternative à SCSS qui a comme différence majeure le remplacement de l’utilisation d’accolades par de l’indentation (un peu comme en Python 🐍).
En bref c’est SCSS mais pas écrit pareil.

Dans tous les cas il faudra compiler ton Sass ou ton SCSS vers du CSS pour qu’il soit compris par le navigateur.

Partager
Haut de page