Résumé et partage des précautions pour écrire du CSS

L'écriture CSS nécessite une accumulation, et une bonne habitude d'écriture CSS est très bénéfique pour notre croissance future. Je mettrai à jour ici de temps en temps ce que je vois ou rencontre habituellement, et je le lirai de temps en temps, mais. j'espère faire quelques progrès.

Si vous, lecteurs, avez également des opinions et des suggestions, veuillez laisser un commentaire et je le mettrai à jour, merci !

1. Les sélecteurs CSS sont comparés de droite à gauche, comme #nav li Lors de la recherche, tous les li seront trouvés en premier, puis les éléments parents seront filtrés pour déterminer l'élément parent correspondant.. . ... Les performances sont donc en fait très médiocres

Essayez donc de réduire la profondeur

2. Réduisez le nombre de CSS en ligne

3. Utilisez des attributs CSS légaux modernes

4. Évitez d'utiliser des sélecteurs descendants et essayez d'utiliser des sélecteurs descendants

　#tp p{}   (父)                                         
　#tp>p{}  (子)

5. Évitez d'utiliser des caractères génériques Par exemple : mod *{}

. 6. Essayez de ne pas abréger les noms à moins qu'il ne s'agisse de mots faciles à comprendre en un coup d'œil

7 Essayez d'utiliser l'anglais, des abréviations anglaises ou du pinyin

8 , commentaires css Commentaires sur une seule ligne /**/ Commentaires sur plusieurs lignes

Certains attributs doivent être compatibles avec le navigateur

9. 🎜>

10. Tout en minuscules, et chaque élément CSS est défini comme une ligne

11. Toutes les images décoratives doivent être écrites en CSS

.

12. L'ID doit être unique et défini dans le document

13 Il n'est pas recommandé d'utiliser le connecteur tiret dans le nommage du code CSS

14 , il est recommandé que les unités utilisent des unités de longueur relative, telles que em et %. Essayez de ne pas utiliser de filtres car les filtres affecteront la vitesse de lecture du code et la compatibilité

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!