Comment référencer des fichiers CSS

Méthodes pour référencer les fichiers CSS : 1. Utilisez la balise link, la syntaxe ""; Utilisez la règle " @import", la syntaxe "@import url(file path);".

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

1. Utilisez la balise de lien (style de lien)

Écrivez le code CSS dans un fichier séparé et utilisez la balise de lien pour introduire directement le fichier. au milieu de la page. Une page peut utiliser la balise LINK plusieurs fois pour introduire plusieurs fichiers CSS externes. Faites attention à l'influence mutuelle de ces codes CSS. Habituellement, les fichiers CSS introduits plus tard écraseront les mêmes effets que les fichiers CSS introduits précédemment. Cette méthode d'introduction de CSS est actuellement la plus populaire. Les codes CSS peuvent être planifiés dans le cadre de chaque site Web pour faciliter la réutilisation et la maintenance. Cependant, cela centralise fortement le code, et la quantité de code peut être trop importante, et c'est facile. se produire si elle n'est pas correctement entretenue.

<link rel="stylesheet" type="text/css" href="style.css">

2. Utilisez @import (import)

Il existe deux façons d'utiliser @import pour introduire des fichiers CSS, l'une peut être placée dans la page, l'utilisation est la suivante :

@import url(index2.css);

Il peut également être utilisé dans un fichier CSS, l'utilisation est la suivante :

@import "sub.css";

Il est très pratique de utilisez @import pour introduire CSS Introduisez le code CSS à partir de fichiers externes pour faciliter la maintenance et la planification. Cependant, chaque fois qu'un fichier CSS supplémentaire est introduit, une demande de connexion sera ajoutée au serveur. Lorsque le nombre de visites est important, un compromis doit être fait entre maintenabilité et performances.

La différence entre lien et import (@import)

le lien est une balise XHTML En plus de charger du CSS, il peut également définir d'autres transactions telles que RSS ; @import appartient à la catégorie CSS et ne peut charger que du CSS ; lorsque le

lien fait référence à du CSS, il est chargé en même temps que la page est chargée et @import nécessite que la page soit complètement chargée.

link est une balise XHTML et n'a aucun problème de compatibilité ; alors que @import a été proposé en CSS2.1 et n'est pas pris en charge par les navigateurs de versions inférieures.

ink prend en charge l'utilisation de Javascript pour contrôler le DOM afin de modifier le style ; @import ne le prend pas en charge.

@import peut introduire d'autres feuilles de style dans le fichier CSS, le lien ne le prend pas en charge.

(Partage de vidéos 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!