Qu'est-ce que la précompilation CSS

La pré-compilation CSS fait référence à l'analyse de fichiers en fichiers CSS via des plug-ins écrits dans des langages capables de lire des fichiers, car leurs noms de fichiers ne sont pas CSS et leurs méthodes d'écriture ne sont pas du CSS pur, mais ne peut pas être reconnu par les navigateurs, vous devez donc le compiler avant de pouvoir l'utiliser après l'avoir écrit.

Principe de pré-compilation

Analyser le fichier en fichier CSS via un plug-in écrit dans un langage capable de lire le fichier , car leurs noms de fichiers ne sont pas du CSS et la méthode d'écriture n'est pas du CSS pur. Il ne peut pas être reconnu par le navigateur, il doit donc être compilé avant de pouvoir être utilisé.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

L'outil le plus répandu actuellement

sass, né en 2007, est le plus ancien et le plus mature CSS Le préprocesseur, avec le support de la communauté Ruby et Compass, le framework CSS le plus puissant, est actuellement influencé par LESS et a évolué vers SCSS, qui est entièrement compatible avec CSS (SCSS nécessite l'utilisation de points-virgules et d'accolades à la place de sauts de ligne et de retraits)

less, apparu en 2009, est fortement influencé par SASS, mais utilise la syntaxe CSS pour permettre à la plupart des développeurs et concepteurs de démarrer plus facilement. Ses partisans en dehors de la communauté Ruby. dépasse de loin SASS. Ses défauts Par rapport à SASS, il n'a pas suffisamment de fonctions programmables, mais ses avantages sont la simplicité et la compatibilité avec CSS, ce qui à son tour a influencé l'évolution de SASS vers l'ère de SCSS. Le célèbre Twitter Bootstrap utilise LESS comme. le langage sous-jacent

stylus. Il a été créé en 2010 et provient de la communauté Node.js. Il est principalement utilisé pour fournir un support de prétraitement CSS pour les projets Node. Il a certains partisans au sein de cette communauté, mais au sens large. Je sens que sa popularité n'est pas aussi bonne que SASS et LESS.

Recommandations associées : Tutoriel CSS

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!