Quelle est la signification du style global CSS

Quelle est la signification du style global CSS ?

L'importance du style global CSS est de standardiser le développement, d'améliorer l'efficacité du travail, de permettre au personnel back-end d'ajouter des fonctions et de effectuer une maintenance post-optimisation frontale, de produire des documents de haute qualité et de rendre le structure plus claire lors de la construction du site Web. Le code est concis et organisé, avec une meilleure architecture frontale.

Dans le même temps, l'utilisation de styles globaux est plus conforme aux standards du Web, les performances des pages sont optimisées et le code est concis, clair et ordonné, réduisant autant que possible la charge sur le serveur et garantissant la vitesse d'analyse la plus rapide.

Extension : La meilleure façon d'écrire des polices globales CSS

body {font-family : Arial, sans-serif;} Il s’agit de la meilleure solution globale d’écriture de polices CSS trouvée jusqu’à présent. Comparons-le brièvement avec d’autres méthodes d’écriture.

body {font-family: Tahoma, sans-serif }C'est une bonne solution. Tahoma est en fait une très belle police. Mais cela pose effectivement quelques problèmes :

1. Le chinois affiché par Tahoma, dans IE 6, le soulignement collera étroitement au texte chinois, ce qui est moche.

2. Sous IE 6, Tahoma ne peut pas être réglé correctement sur 13px. Ce sera aussi grand que 14px. Mais les autres navigateurs n'ont pas ce problème.

3. Si le chinois et l'anglais apparaissent sur une ligne en même temps, et qu'un élément de cette ligne est défini avec l'attribut vertical-align, dans IE 6 et 7, le texte sera inégal et même le le soulignement sera mal aligné.

body {font-family: "宋体", sans-serif; }Les inconvénients possibles de cette méthode d'écriture sont :

1. Song Dynasty a l'air moche sous IE 7 dans Safari et Vista .

2. Le texte anglais dans la police Song est moche.

3. Si vous écrivez du chinois en CSS, vous devez faire attention à ce que l'encodage de votre HTML et CSS soit cohérent.

body {font-family: Arial, ans-serif; }Arial n'a aucun des deux problèmes ci-dessus. Mais Arial a aussi des défauts :

1 C'est plus moche que Tahoma.

2. Le troisième problème à Tahoma existe également.

Cependant, il existe une solution à ce bug, qui consiste à définir zoom:1 dans cette ligne.

body {font-family: SimSun,sans-serif; }Écrit comme ceci, vous pouvez éviter le troisième problème ci-dessus. Mais la police Song elle-même est vraiment moche. Nous espérons utiliser leurs polices par défaut sur différentes plateformes. XP est la police Song, Vista est Microsoft YaHei et Mac est Helvetica. Dans ce cas, vous ne pouvez définir la première police que sur la police anglaise, de sorte que lorsque vous rencontrez du chinois, le navigateur appelle automatiquement la police par défaut.

S'il n'est pas moche, il est plus approprié de le définir comme Arial. Si vous ne l'aimez vraiment pas, vous pouvez définir la situation globale comme Tahoma, puis définir le texte souligné (comme un lien) comme Arial, ce qui peut au moins l'atténuer.

Pour les polices globales, veuillez noter que dans IE, tous les éléments du formulaire n'héritent pas des attributs de police du corps et doivent être définis séparément :

input, label, select, option, textarea , bouton , champset, légende { font-family:Tahoma,sans-serif;}

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!