Maison > interface Web > tutoriel CSS > Ce qui est moins

Ce qui est moins

青灯夜游
Libérer: 2021-04-16 14:16:52
original
25266 Les gens l'ont consulté

Less est une extension CSS et un langage de feuille de style dynamique, un préprocesseur CSS qui peut s'exécuter côté client ou serveur, nous aidant à personnaliser, gérer et réutiliser la feuille de style des pages Web ; langage qui est également compatible avec tous les navigateurs.

Ce qui est moins

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, css3.

Cet article vous présente principalement ce qu'est Less ? Faites connaître à tout le monde les avantages et les inconvénients de Less, j'espère que cela vous sera utile.

Qu'est-ce que Moins ?

Less est une extension CSS et un langage de feuille de style dynamique, un préprocesseur CSS qui peut s'exécuter côté client ou côté serveur, nous aidant à personnaliser, gérer et réutiliser le style de la surface des pages Web.

Less est un langage open source qui est également compatible avec tous les navigateurs.

Qu'est-ce qu'un préprocesseur CSS ?

Ce qui est moins

Le préprocesseur CSS est un langage de script et une extension de CSS. Il est compilé dans la syntaxe CSS standard, et le CSS est ensuite lu par le navigateur Web. Less ressemble beaucoup à CSS, mais il fournit des fonctionnalités telles que des variables, des fonctions, des mixins et des opérations qui peuvent vous aider à créer du CSS dynamique.

Less et SASS sont tous deux des exemples de préprocesseurs CSS car ils compilent et génèrent tous deux une syntaxe CSS lue par les navigateurs Web.

Comment utiliser Less ?

Less est écrit en JavaScript et nécessite Node.js ou un navigateur Web pour être exécuté. Nous pouvons inclure Less.js dans notre site Web et il compilera toutes les feuilles de style .Less liées à la volée.

Avantages et inconvénients de Moins

Ce qui est moins

Avantages :

1. Less est un préprocesseur CSS. Après compilation, il génère du CSS simple, adapté aux navigateurs.

2. Less prend en charge la compatibilité entre navigateurs.

3. Parce que Less utilise l'imbrication, le code est plus court, plus propre et organisé d'une manière spécifique

4 Parce que Less utilise des variables, la maintenance peut être réalisée plus rapidement.

5. Less fournit une série d'opérateurs pour rendre le codage plus rapide et plus rapide.

6. Less fournit des règles @mport afin que nous puissions facilement traiter les fichiers externes. REMARQUE : l'importation est requise car de nombreuses personnes divisent la feuille de style en plusieurs fichiers au lieu de la placer dans un seul fichier.

7. Less fournit des attributs de fusion. La fonctionnalité la plus intéressante de Less est d'accepter plusieurs valeurs telles que la transformation, la transition et l'ombre de la boîte.

8. Less est écrit en JavaScript, qui se compile plus rapidement que les autres préprocesseurs pour CSS.

Inconvénients :

1 Si nous ne sommes pas familiers avec le prétraitement CSS, nous devons passer du temps à apprendre les connaissances pertinentes de Less.

2. Less fournit moins de frameworks par rapport aux préprocesseurs plus anciens tels que SASS qui incluent des frameworks tels que Compass, Gravity et Susy.

3. Dans Less, il existe un couplage étroit entre les modules, il faut donc plus d'efforts pour réutiliser et/ou tester les modules associés.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal