qu'est-ce que le système Sass

SASS est né en 2007. Il s'agit du préprocesseur CSS le plus ancien et le plus mature. Il bénéficie du support de la communauté Ruby et de Compass, le framework CSS le plus puissant. Actuellement, influencé par LESS, il a évolué vers SCSS. qui est entièrement compatible avec CSS.

Sass (nom anglais complet : Syntacically Awesome Stylesheets) est un langage de feuilles de style en cascade conçu à l'origine par Hampton Catlin et développé par Natalie Weizenbaum. Après avoir développé la version initiale, Weizenbaum et Chris Eppstein ont continué à étendre les fonctionnalités de Sass via SassScript. SassScript est un petit langage de script utilisé dans les fichiers Sass. (Apprentissage recommandé : Tutoriel vidéo CSS3)

Sass est un langage de script qui analyse les scripts en CSS, c'est-à-dire SassScript. Sass comprend deux ensembles de syntaxe. La syntaxe originale est appelée « syntaxe d'indentation », qui est similaire à Haml [3]. Elle utilise l'indentation pour distinguer les blocs de code et les retours chariot pour séparer les différentes règles. La syntaxe la plus récente est appelée « SCSS » et utilise la même syntaxe de bloc que CSS, en utilisant des accolades pour séparer les différentes règles et des points-virgules pour séparer des styles spécifiques. Généralement, ces deux ensembles de syntaxe se distinguent par les extensions de fichier .sass et .scss.

Sass étend CSS3, en ajoutant des règles, des variables, des mixins, des sélecteurs, l'héritage et d'autres fonctionnalités. Sass génère du code CSS bien formaté, facile à organiser et à maintenir.

Sass prend en charge la définition de variables. Les variables commencent par un signe dollar ($). Les variables sont affectées à l'aide de deux points (:).

SassScript prend en charge quatre types de données :

Valeur (peut inclure des unités)

Chaîne

Couleur

Type booléen

Les variables peuvent être utilisées comme paramètres ou valeurs de retour de fonctions. Pendant le processus d'interprétation, l'interprète écrit les valeurs des variables dans le fichier CSS final.

SASS est une extension de la syntaxe de CSS3 (Cascading Style Sheet). Il peut utiliser des fonctions telles que l'imbrication, le mixage, l'héritage de sélecteur, etc., et peut écrire une feuille de style de manière plus efficace et plus flexible. Sass finira par compiler du CSS légal afin qu'il puisse être utilisé par les navigateurs, ce qui signifie que sa propre syntaxe n'est pas facile à reconnaître pour les navigateurs (bien qu'elle soit très similaire à la syntaxe CSS, presque la même) car ce n'est pas un format CSS standard. , les variables dynamiques, etc. peuvent être utilisées dans sa syntaxe, il s'agit donc plutôt d'un langage dynamique extrêmement simple.

Pour des articles plus techniques liés à CSS3, veuillez visiter la colonne Tutoriel graphique CSS3 pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!