Utilisez des pièces standard pour assembler la page Web DIV layout-WEB standard website design experience_CSS/HTML

J'ai une idée comme celle-ci, mais je ne sais pas si c'est réalisable

Exemple :
La colonne de gauche dans la mise en page, ses attributs sont : {Gauche, largeur, couleur d'arrière-plan, police, etc.🎜> Si chaque attribut est transformé en pièce standard, puis assemblé et utilisé comme ceci
class="float width height background font padding....", complétez le style de mise en page en référençant les parties standards de plusieurs classes
Définissez d'abord les pièces standards selon vos besoins, telles que :

pièces standards flottantes

.l{float:gauche}
.r{float:right}
.cl{clear:gauche>
...

pièces standards en largeur

.w200{largeur:200px>
.w300{largeur:300px}
...

Pièces standards de fond

.red{background:rouge>
.noir{fond:#000}
.white{fond:#fff}
...
Citer si nécessaire
class="l w200 rouge"[gauche, largeur 200, fond rouge]
class="r w200 blanc" [droite, largeur 200, fond blanc]

J'écris maintenant mon propre code et je peux définir un style de mise en page avec jusqu'à 2 classes, ce qui semble très pratique