Que sont CSS3, moins, sass

css3 est une version améliorée de la technologie CSS, un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML ou XML ; Less est une extension CSS et un langage de feuille de style dynamique, un préprocesseur CSS utilise Ruby Un langage de prétraitement CSS écrit en CSS ; qui peut être utilisé pour décrire les styles de fichiers de manière claire et structurelle.

L'environnement d'exploitation de ce tutoriel : système Windows 7, CSS3&&Sass version 3.7.4, ordinateur Dell G3.

Qu'est-ce que CSS3 ?

CSS est l'abréviation de Cascading Style Sheets. Il s'agit d'un style de fichier utilisé pour exprimer HTML (une application du langage de balisage généralisé standard) ou XML (un sous-ensemble du langage informatique standard généralisé).

CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque tous les styles de taille de police et a la capacité de modifier les objets de page Web et les styles de modèle.

CSS3 est une version améliorée de la technologie CSS (Cascading Style Sheet). Elle a été formulée en 1999. Le 23 mai 2001, le W3C a achevé la version de travail de CSS3, qui comprend principalement un modèle de boîte, un module de liste, une méthode d'hyperlien et un module de langage. , Arrière-plan et bordure, effets de texte, mise en page multi-colonnes et autres modules.

Un changement majeur dans l’évolution du CSS est la décision du W3C de diviser CSS3 en une série de modules. Les fournisseurs de navigateurs innovent rapidement au rythme du CSS. Ainsi, en adoptant une approche modulaire, les éléments de la spécification CSS3 peuvent avancer à des vitesses différentes, car les différents fournisseurs de navigateurs ne prennent en charge que des fonctionnalités données. Mais différents navigateurs prennent en charge différentes fonctionnalités à différents moments, ce qui complique également le développement entre navigateurs.

Le principe du CSS3 est le même que celui du CSS Il s'agit de personnaliser les sélecteurs de la feuille de style dans la page web, puis de référencer ces sélecteurs en grand nombre dans la page web.

Nouvelles fonctionnalités

Il existe de nombreuses nouvelles fonctionnalités de CSS3, telles que les coins arrondis, les bordures graphiques, les ombres de bloc et les ombres de texte, l'utilisation de RGBA pour obtenir des effets de transparence, des effets de dégradé, l'utilisation de @Font-Face pour obtenir des polices personnalisées, et plus Traitement de la déformation de l'image d'arrière-plan, du texte ou de l'image (rotation, mise à l'échelle, inclinaison, mouvement), mise en page multi-colonnes, requête média, etc.

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 la feuille de style des pages Web.

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

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 Moins utilise l'imbrication, le code est plus court, plus propre et organisé d'une manière spécifique

4 Parce que Moins 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 obligatoire car de nombreuses personnes divisent leur 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, donc la réutilisation et/ou le test des modules associés nécessitent plus d'efforts.

Qu'est-ce que l'audace ?

Sass est un métalangage supérieur au CSS. Il peut être utilisé pour décrire les styles de fichiers de manière claire et structurelle, et possède des fonctions plus puissantes que le CSS ordinaire. Sass offre une syntaxe plus propre et plus élégante tout en fournissant des fonctionnalités permettant de créer des feuilles de style maintenables et gérables.

Sass est un langage de prétraitement CSS écrit en langage Ruby. Il est né en 2007 et est le plus grand langage de prétraitement CSS mature. Il a été initialement conçu pour fonctionner avec HAML (un précompilateur HTML indenté), il a donc le même style d'indentation que HTML. SASS est une extension de CSS3 qui ajoute l'imbrication de règles, des variables, des mixins, l'héritage de sélecteurs, etc. Convertissez-le en code CSS standard et bien formé à l'aide d'outils de ligne de commande ou de plug-ins de framework WEB.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS, front-end web)

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!