Firefox a recommandé et personnellement compris l'écriture CSS order_CSS/HTML

Dans mon travail récent, j'ai rencontré de nombreux problèmes. L'un d'eux est, à mon avis, le plus important, et c'est l'ordre dans lequel le CSS est écrit. Il peut refléter les pensées d'un travailleur front-end. Si vous voyez cet article, arrêtez d’écrire quel que soit l’attribut qui vous vient à l’esprit.

Jetons d'abord un coup d'œil à l'ordre d'écriture recommandé par Firefox
* Styles de base de mozilla.org
* maintenus par fantasai
* (classes définies dans le Guide de balisage -http:// mozilla.org /contribute/writing/markup)
*/
/* Ordre suggéré :
//Afficher les attributs
* affichage
* style de liste
* position
* float
* clear
//Auto-attribut
* width
* height
* margin
* padding
* border
* background
//text attribut
* couleur
* police
* décoration de texte
* alignement du texte
* alignement vertical
* espace blanc
* autre texte
* contenu
*
*/
Comme vous pouvez le voir sur l'ordre recommandé ci-dessus, c'est très organisé. L'ordre recommandé ci-dessus n'inclut pas d'attributs plus détaillés, tels que : haut, droite, bas, gauche, etc. Certaines personnes peuvent se demander si cela a un impact sur les performances. Je suis vraiment désolé de vous le dire, je ne sais pas ? non plus, mais je pense que faire les choses de manière organisée est la bonne façon (vous avez peut-être une meilleure façon).

Ma compréhension :
1. Attributs d'affichage : display||visibility||list-style(list-style-type, list-style-image, list-style-position)||overflow
2. Positionnement et attributs flottants : position||top||right||bottom||left||float||clear
3. Modèle de boîte : width||height||margin||padding||border 4. Arrière-plan : arrière-plan (image d'arrière-plan, position d'arrière-plan, répétition d'arrière-plan, pièce jointe d'arrière-plan)
5. Attributs de texte : font-style||font-variant||font-weight||font-size | |font-family||color
6. Attributs de texte : text-indent||text-align||vertical-align||letter-spacing||word-spacing||text-transform||text-decoration| text-shadow
7. Autres

Citer quelqu'un : "Que vous utilisiez cette commande ou non, je l'utilise quand même." Toutes les corrections sont les bienvenues