Maison  >  Article  >  interface Web  >  Quelle est la différence entre sass et css3

Quelle est la différence entre sass et css3

WBOY
WBOYoriginal
2022-02-17 16:19:263450parcourir

La différence entre sass et css3 : 1. Sass est un langage de prétraitement CSS écrit en langage buby. Il n'utilise pas d'accolades ni de points-virgules, tandis que CSS3 est une version améliorée de la technologie CSS et utilise des accolades et des points-virgules. Le navigateur ne peut pas reconnaître et analyser directement, il doit être compilé par un compilateur, mais CSS3 peut le reconnaître.

Quelle est la différence entre sass et css3

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

Quelle est la différence entre sass et css3 ?

La différence entre sass et css

CSS fait référence aux feuilles de style en cascade

CSS3 est une version améliorée de la technologie CSS (Cascading Style Sheets). publié en mai 2001. Le 23 mars, le W3C a achevé la version de travail de CSS3, qui comprend principalement des modules tels que le modèle de boîte, le module de liste, la méthode de lien hypertexte, le module de langage, l'arrière-plan et la bordure, les effets de texte et la mise en page multi-colonnes.

Sass (Syntacically Awesome StyleSheets) est un langage de prétraitement CSS écrit en langage buby. Il a un style d'indentation strict et est très différent des spécifications d'écriture CSS. Il n'utilise pas d'accolades ni de points-virgules.

Sass est un outil auxiliaire pour améliorer CSS. Il s'agit d'une extension de CSS. Il ajoute des variables, des règles imbriquées, des mixins, un héritage et une importation basée sur la syntaxe CSS (importations en ligne) et d'autres fonctionnalités avancées, ces extensions rendent le CSS plus. puissant et élégant. L'utilisation de Sass et des bibliothèques de styles Sass (telles que Compass) permet de mieux organiser et gérer les fichiers de style et de développer des projets plus efficacement. Le suffixe est .sass.

Préprocesseur CSS

Le préprocesseur CSS utilise un langage spécialisé pour styliser la page Web, puis la compile dans un fichier CSS normal pour une utilisation dans le projet.

Avantages de l'utilisation du langage de prétraitement CSS : rendre le CSS plus concis, facile à modifier, hautement lisible, adaptable aux nouvelles fonctionnalités et plus facile à maintenir le code.

Résumé :

  • sass est un langage de prétraitement CSS, qui génère du CSS après la compilation ;

  • sass n'utilise pas d'accolades et de points-virgules, mais utilise l'indentation, et le CSS utilise des accolades et des points-virgules

  •  ;
  • sass Prend en charge des fonctions avancées telles que l'imbrication et l'héritage, qui ne sont pas prises en charge par CSS ;

  • sass est plus élégant et plus facile à maintenir

  • le navigateur sass ne peut pas reconnaître et analyser directement et doit être compilé par ; un compilateur ;

  • sass L'extension du fichier est .sass et l'extension du fichier CSS est .css.

Style d'écriture :

// sass
#sidebar
  width: 30%
  background-color: #faa
  
// css
#sidebar {
  width: 30%;
  background-color: #faa;
}

(Partage vidéo d'apprentissage : tutoriel vidéo 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!

Déclaration:
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