Écriture : 1. "" 2. "".
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 pour importer
Utilisez la balise 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 , 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 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
