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

Deux façons de charger du CSS : <link> @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 <style></style>, 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!