Quelle est la méthode de base pour écrire des liens externes CSS ?

Écriture : 1. "3f592fa8dd8e62b0005c9462445b894d" 2. "080b747a20f9163200dd0a7d304ba388@ import url("adresse du fichier");531ac245ce3e4fe3d50054a55f265927".

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

Les feuilles de style externes (liens externes) doivent être importées dans les documents Web avant de pouvoir être reconnues et analysées par le navigateur. Les fichiers de feuilles de style externes peuvent être importés dans des documents HTML de deux manières.

1. Utilisez la balise 2cdf5bf648cf2f33323966d7f58a7f3f pour importer

Utilisez la balise 2cdf5bf648cf2f33323966d7f58a7f3f pour importer le fichier de feuille de style externe :

<link type="text/css" rel="stylesheet" href="css文件地址"/>

Explication de chaque attribut :

• href le fichier de feuille de style externe, il peut s'agir d'une adresse relative ou d'une adresse absolue. L'attribut

• rel définit le document associé, c'est-à-dire ici la feuille de style associée. L'attribut

• type définit le type de fichier importé. Comme l'élément style, text/css indique un fichier texte CSS.

Généralement, lors de la définition de la balise 2cdf5bf648cf2f33323966d7f58a7f3f, 3 attributs de base doivent être définis, parmi lesquels href est un attribut incontournable.

Vous pouvez également ajouter l'attribut title dans l'élément link pour définir le titre de la feuille de style facultative. Autrement dit, lorsqu'un document Web importe plusieurs feuilles de style, vous pouvez sélectionner le fichier de feuille de style à appliquer via la valeur de l'attribut title. .

Conseils : dans le navigateur Firefox, vous pouvez sélectionner l'option "Affichage -> Style de page" dans le menu, puis la valeur de l'attribut de titre sera affichée dans le sous-menu. Il vous suffit de sélectionner différentes valeurs d'attribut de titre, qui. peuvent être appliqués de manière sélective. Le navigateur IE ne prend pas en charge cette fonctionnalité.

De plus, l'attribut title est lié à l'attribut rel Selon le plan de l'organisation W3C, les futurs documents Web utiliseront plusieurs éléments 2cdf5bf648cf2f33323966d7f58a7f3f fichiers de thème, et même inclut des fichiers supplémentaires supplémentaires pour une personnalisation personnelle. Après avoir importé autant de fichiers de types et de noms différents, vous pouvez utiliser l'attribut title pour sélectionner. À ce stade, le rôle de l'attribut rel devient évident. Il peut spécifier le type de fichier importé appliqué lors de l'affichage initial du fichier de la page Web. Actuellement, il ne peut être associé qu’au type de feuille de style CSS.

Les styles externes sont la meilleure solution pour les applications CSS. Un fichier de feuille de style peut être référencé par plusieurs pages Web, et un fichier de page Web peut importer plusieurs feuilles de style en utilisant à plusieurs reprises l'élément de lien pour importer différents fichiers de feuille de style.

2. Utilisez le mot-clé @import pour importer

Utilisez le mot-clé @import dans la balise c9ccee2e6ea535a969eb3f532ad9fe89 pour importer le fichier de feuille de style externe :

<style type="text/css">
@import url("css文件地址");
</style>

Après le mot-clé @import, utilisez la fonction url() pour inclure spécifique L'adresse du fichier de feuille de style externe.

Comparaison

Comparaison de deux méthodes d'import de feuilles de style :

• link appartient à la balise HTML, tandis que @import est fourni par CSS.

• Lorsque la page est chargée, le lien sera chargé en même temps, et le CSS référencé par @import attendra que la page soit chargée avant de se charger.

• @import ne peut être reconnu que dans IE 5 ou supérieur, et le lien est une balise HTML, il n'y a donc aucun problème de compatibilité.

• les styles de style de lien ont un poids plus élevé que les poids @import.

Il est généralement recommandé d'utiliser un lien pour importer des feuilles de style, et @import peut être utilisé comme méthode supplémentaire.

(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!