@import 'adresse du fichier css' ;"."/> @import 'adresse du fichier css' ;".">

Maison  >  Article  >  interface Web  >  Comment référencer CSS dans vue

Comment référencer CSS dans vue

醉折花枝作酒筹
醉折花枝作酒筹original
2021-07-26 13:33:0334794parcourir

Comment référencer CSS dans vue : 1. Importation globale, le format de syntaxe est "import 'adresse du fichier css'"; 2. Import local, le format de syntaxe est "30e8033e360bcffb1ce9b4703e10b64c@import 'adresse du fichier css'; e90442d4aba9b6409c93259f982d1eec".

Comment référencer CSS dans vue

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur Dell G3.

Vue (prononcé /vjuː/, similaire à view) est un framework JavaScript progressif permettant de créer des interfaces utilisateur. Contrairement à d’autres grands frameworks, Vue est conçu pour être appliqué couche par couche de bas en haut.

Introduisez les fichiers CSS externes dans vue :

Créez un nouveau dossier de style sous le fichier src du projet pour stocker les fichiers CSS.

1. Importation globale

Placez le fichier CSS externe sous le fichier de style Pour introduire les fichiers externes, juste dans le fichier main.js

import './style/reset.css'

J'ai importé le fichier CSS qui efface le style par défaut

2.

<style scoped>
  @import &#39;../assets/iconfont/iconfont.css&#39;;这个分号一定要写,要不会报错
</style>

@import CSS@ Rules, utilisé pour importer des règles de style à partir d'autres feuilles de style. Ces règles doivent précéder tous les autres types de règles, à l'exception des règles @charset ; comme il ne s'agit pas d'une instruction imbriquée, @import ne peut pas être utilisé dans un groupe conditionnel de règles.

Ainsi, les agents utilisateurs peuvent éviter de récupérer des ressources pour des types de médias non pris en charge et les auteurs peuvent spécifier des règles @import dépendantes du média. Ces conditions importent les requêtes multimédias spécifiées après l'URI, séparées par des virgules. Sans aucune requête multimédia, l’importation est inconditionnelle. Spécifie que tous les médias ont le même effet.

【Apprentissage recommandé :

Tutoriel avancé javascript

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