Discussion détaillée sur l'utilisation des feuilles de style CSS : link/embed_CSS/HTML

Dans le w3cn d'Ajie, il a dit :

Contenu cité Dans le passé, nous utilisions généralement les feuilles de style de deux manières : Méthode Page inline : c'est-à-dire écrire la feuille de style directement dans la zone d'en-tête du code de la page. Similaire à ceci : : É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. Dans un design conforme au web standards , nous utilisons la méthode d'appel externe, et les avantages sont évidents. Vous pouvez changer le style de la page sans modifier la page, en modifiant 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.

On peut voir qu'Ajie recommande fortement d'utiliser . Pour compléter les propos d'Ajie, l'avantage d'utiliser n'est pas seulement qu'il est pratique de modifier la feuille de style, mais aussi qu'il accélère la vitesse de navigation de l'utilisateur. La première fois qu'un utilisateur ouvre une page liée à une feuille de style, la feuille de style sera automatiquement téléchargée dans le cache local. Lorsque l'utilisateur ouvre une autre page, et si cette page est également liée à la même feuille de style, les fichiers concernés seront lus depuis le cache, ce qui accélérera la navigation.

Mais j'ai aussi rencontré cette situation : Parfois, lorsque le réseau n'est pas fluide, après l'ouverture de la page, la feuille de style liée ne se charge pas correctement. Les conséquences de cette situation ne sont pas seulement que la couleur, la taille et les autres styles du texte sur la page ne peuvent pas être affichés, mais ce qui est encore plus gênant, c'est que la mise en page de la page entière peut être gâchée !

Par exemple, une fois, lorsque j'ai ouvert Macromedia.com, le réseau de l'entreprise n'était pas fluide, peut-être parce qu'il y avait beaucoup de monde dans le bar BT. . . La page de résultats apparaît sans aucune feuille de style et la mise en page familière n'est plus visible. Tout le contenu est organisé de haut en bas, tout comme la navigation sur un site Web sur un téléphone mobile. Même si tout le contenu est encore visible, j'ai dû prendre un peu de temps pour me familiariser avec cette nouvelle présentation et il y avait une sensation de fluidité lors de la navigation.

Lorsque je faisais la page d'accueil de Kingsoft Online (la version précédente n'est plus visible), j'ai intégré tous les styles dans la zone La page d'accueil est la page la plus visitée d'un site Web et doit garantir une grande fiabilité. De plus, seule la feuille de style de la page d'accueil est intégrée et les autres pages utilisent toujours , cela n'augmentera donc pas trop la charge de travail lors de la modification du style.

Lorsque je travaillais sur la page d'accueil d'amaoagou ce week-end, j'ai planifié davantage le style : j'ai intégré des styles liés à la mise en page tels que #head et #left à l'intérieur de la page, et d'autres styles ont été liés.

Pour résumer :

* Méthode 1 : La page d'accueil est entièrement intégrée et les autres pages sont liées. Avantages : Cela garantit que la page d'accueil peut toujours s'afficher correctement même si l'état du réseau est mauvais. Inconvénients : Lors de la modification du style, vous devez modifier la feuille de style externe et la feuille de style intégrée sur la page d'accueil. * Méthode 2 : Écrivez les styles responsables de la mise en page séparément des autres styles. La page d'accueil intègre le style de mise en page et des liens vers d'autres styles ; d'autres pages utilisent des liens vers les deux ensembles de styles. Avantages : Lors de la modification du style, la charge de travail est inférieure à celle de la première méthode. Lorsque l'état du réseau n'est pas bon, l'apparence de la page d'accueil ne peut pas être entièrement garantie, mais au moins la mise en page ne sera pas compliquée. * Si la page produite ne répond pas aux normes, comme par exemple un petit sujet sur les produits de l'entreprise, le dirigeant exige qu'elle soit réalisée avec un tableau pour assurer la rapidité du sujet en ligne. Styles utilisés sur chaque page : liens. Pour un style qui ne sera utilisé que sur cette seule page, mais qui sera utilisé plusieurs fois : intégrez . Pour les styles qui ne seront utilisés qu'une seule fois sur cette page : intégrez ou écrivez simplement style="..." directement.