Maison  >  Article  >  interface Web  >  A quoi servent les feuilles de style CSS externes ?

A quoi servent les feuilles de style CSS externes ?

青灯夜游
青灯夜游original
2021-11-02 17:54:313783parcourir

Les fonctions des feuilles de style CSS externes : 1. Séparez les styles du HTML, obtenant une séparation complète de la structure et du code de performance ; 2. Réutilisation et maintenance pratiques, réduisant la charge de travail ; 3. Réduisez la taille du fichier et rendez la structure de la page plus facilement. lisible par les programmeurs et les robots d'exploration Web ; 4. Économisez le trafic réseau et la bande passante ; 5. Réduisez le temps de rendu 6. Propice aux classements de recherche, etc.

A quoi servent les feuilles de style CSS externes ?

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

Si le style CSS est placé dans un fichier en dehors du document de page Web, on l'appelle une feuille de style externe. Un document de feuille de style CSS représente une feuille de style externe.

En fait, une feuille de style externe est un fichier texte avec l'extension .css. Lorsque vous copiez le code de style CSS dans un fichier texte et que vous l'enregistrez en tant que fichier .css, il s'agit d'une feuille de style externe. Par exemple, l'image ci-dessous :

A quoi servent les feuilles de style CSS externes ?

Le rôle de la feuille de style CSS externe :

  • sépare le style du HTML, obtenant une séparation complète de la structure et du code de performance.

  • Facile à réutiliser et à entretenir, réduisant la charge de travail. Car tant que le fichier de feuille de style CSS est modifié, de nombreuses pages Web peuvent être modifiées, et même le style et les caractéristiques de l'ensemble du site peuvent être modifiés. Cela évite de devoir modifier les pages web une à une.

  • Comme il est séparé en fichiers séparés, la taille du fichier HTML est considérablement réduite, ce qui rend la structure de la page plus facile à lire par les programmeurs et les robots d'exploration Web
  • Le fichier de code écrit est plus concis (facile à lire pour les autres personnes ) , et la taille du fichier est également relativement petite.

  • Peut économiser le trafic réseau et la bande passante lors du transfert de fichiers de code. (Parce que le fichier est plus petit et que les styles CSS répétés seront stockés dans le cache)

  • Lors du rendu des fichiers de code, cela peut réduire le temps de rendu. (Parce que le fichier est plus petit)

  • Convivial pour les moteurs de recherche, permettant aux moteurs de recherche d'évaluer la page plus haut, ce qui est bénéfique pour le classement de la page dans les moteurs de recherche

  • La feuille de style externe est mise en cache sur l'ordinateur de l'utilisateur après le première visite de l'utilisateur, pas besoin de charger lors de votre prochaine visite

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn