Conseils sur l'utilisation du CSS compilé par des novices en CSS

[Introduction] 1. N'utilisez pas d'images trop petites pour les vignettes d'arrière-plan. C'est pourquoi beaucoup de gens n'utilisent pas 1px, sachez-le simplement. Mosaïque d'une image d'une largeur et d'une hauteur de 1 px sur une zone de 200 px nécessite 200*200=40 000 fois et consomme des ressources. 2. Pas de frontières. La méthode d'écriture recommandée est

1. N'utilisez pas d'images trop petites pour les tuiles de fond. C'est pourquoi beaucoup de gens n'utilisent pas 1px, sachez-le simplement. Mosaïque d'une image d'une largeur et d'une hauteur de 1 px sur une zone de 200 px nécessite 200*200=40 000 fois et consomme des ressources.

2. Pas de frontières. La méthode d'écriture recommandée est border:none;, haha, je l'utilise tout le temps. border:0; définit uniquement la largeur de la bordure sur zéro, mais le style et la couleur de la bordure seront toujours analysés par le navigateur et occuperont des ressources.

3. Utilisez le caractère générique * avec prudence. Le soi-disant caractère générique consiste à initialiser toutes les balises en CSS, qu'elles soient utilisées ou non, obsolètes ou avancées, et traitées de la même manière. Cela consomme beaucoup de ressources. Il devrait y avoir des balises d’initialisation facultatives.

4. Abréviation du code couleur hexadécimal CSS. Je me suis habitué aux abréviations et aux minuscules, puis j'ai réalisé que ce n'était pas la manière d'écrire recommandée, afin de réduire les ressources occupées par l'analyse. Mais cela augmentera également la taille du fichier. Ce qui est meilleur ou pire doit être soigneusement vérifié.

5. Mettez le style sur la tête et le script sur le pied. Non intégré, uniquement des liens externes.

6. N'utilisez jamais d'expressions CSS.

7. Utilisez pour référencer la feuille de style au lieu de l'importer via @import.

8. De manière générale, le PNG est plus petit que le GIF, beaucoup plus petit. Là encore, la quantité de couleur gaspillée dans les GIF mérite d’être optimisée.

9. Ne redimensionnez jamais les images en HTML L'une n'a pas l'air bien et l'autre consomme des ressources.

10. Il est préférable d'utiliser des nombres pairs pour les polices de texte, 12px, 14px, 16px, l'effet est très bon. Cas particulier, 15px.

11. Laissez au moins un interligne au-dessus et en dessous du bloc, ul, ol, etc., au moins deux fois l'interligne sur le côté gauche, et éventuellement sur le côté droit.

12. Il doit y avoir au moins un double interligne entre les paragraphes.

13. Spécifiez de force la hauteur de ligne de certains éléments. Le texte doit être 1,6 fois la taille du texte et le titre doit être 1,3 fois.

14. Utilisez la pleine largeur pour la ponctuation chinoise. Anglais mélangé avec du chinois, espaces gauche et droit, demi-largeur.

15. Il est préférable d'éviter les polices chinoises grasses et italiques, qui sont bénéfiques pour les gens et pour soi-même.

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!