Maison  >  Article  >  interface Web  >  Résumer les différences entre link et @import lors du chargement du CSS

Résumer les différences entre link et @import lors du chargement du CSS

零下一度
零下一度original
2017-05-09 14:14:571391parcourir

Deux façons de charger du CSS : 2cdf5bf648cf2f33323966d7f58a7f3f @import

  • manière

       <link rel="stylesheet" href="a.css" />
        @import url("b.css");
  • Explication comparative

    • Comment définir les styles : style en ligne, style en ligne, style de contour, style importé

    • Lorsque @import est combiné avec le style en ligne c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927, style en ligne>Style d'importation

    • Sauf dans la situation ci-dessus, d'autres fois, l'ordre de chargement du style est utilisé comme référence, puis chargé La priorité est plus élevée. (Déjà testé, vous pouvez également vous référer ici)
      N'oubliez pas lors des tests, vous devez utiliser le même sélecteur pour le même élément à tester, sinon il y aura une interférence du poids du sélecteur.

    • link appartient à la balise XHTML , et @import est fourni par CSS en plus de charger CSS, la balise
      link peut aussi faire beaucoup de choses ; à d'autres égards, @import ne peut charger que du CSS.

    • l'importation ne peut être reconnue que dans IE5 ou supérieur, et le lien est une balise XHTML, il n'y a donc pas de problème de compatibilité

    • Lorsque le la page est chargée, les liens seront chargés en même temps, et le CSS référencé par @import attendra que la page soit chargée avant de charger

    • À propos de la priorité ;

    • Choses à noter lors de l'utilisation de l'import : Cette règle doit être déclarée en premier dans l'en-tête de la feuille de style. Et le point-virgule après est obligatoire. Si ce point-virgule est omis, la feuille de style externe ne sera pas importée correctement et un message d'erreur sera généré.

    [Recommandations associées]

    1 Tutoriel vidéo en ligne CSS gratuit

    2 Manuel CSS en ligne<.>

    3.

    php.cn Dugu Jiujian (2) - 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