Dans le passé, nous utilisions généralement les feuilles de style de deux manières :
Méthode page inline : La feuille de style est écrite directement dans la zone d’en-tête du code de la page. Quelque chose comme ça :
<style type="text/css"> <!-- body { background : blanc ; couleur : noir } --> </style> ;
Méthode d'appel externe : écrivez la feuille de style dans un fichier .css séparé, puis appelez-la avec un code similaire au suivant dans la zone d'en-tête de la page.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
Dans la conception conforme aux standards du web, nous utilisons la méthode d'appel externe. Les avantages sont évidents. Vous pouvez changer le style de la page sans modifier la page et modifier uniquement le fichier .css. Si toutes les pages appellent le même fichier de feuille de style, la modification d'un fichier de feuille de style peut modifier les styles de tous les fichiers.
Feuille de style d'appel de méthode de table double
En regardant le code original de certains sites conformes aux normes, vous pouvez voir les deux phrases suivantes où la feuille de style est appelée :
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @import url( css/style01.css );</style>
Pourquoi l'écrire deux fois ?
En fait, dans des circonstances normales, il suffit d'utiliser la méthode du lien externe (c'est-à-dire la première phrase). L'appel à double table que j'utilise ici n'est qu'un exemple. La commande "@import" permet de saisir la feuille de style. La commande "@import" n'est pas valide dans les navigateurs Netscape 4.0. En d'autres termes, lorsque vous souhaitez que certains effets soient masqués dans le navigateur Netscape 4.0 et affichés dans la version 4.0 ou supérieure ou dans d'autres navigateurs, vous pouvez utiliser la méthode de commande "@import" pour appeler la feuille de style.