Verwenden Sie Standardteile, um das DIV-Layout der Webseite zusammenzustellen – WEB-Standard-Website-Design-Erfahrung_CSS/HTML

Ich habe so eine Idee, weiß aber nicht, ob sie umsetzbar ist

Beispiel:
Die linke Spalte im Layout, ihre Attribute sind: {Links, Breite, Hintergrundfarbe, Schriftart usw.🎜> Wenn jedes Attribut in ein Standardteil umgewandelt und dann wie folgt zusammengebaut und verwendet wird
class="float width height background font padding....", vervollständigen Sie den Seitenlayoutstil, indem Sie auf die Standardteile mehrerer Klassen verweisen
Definieren Sie zunächst die Standardteile nach Bedarf, z. B.:

Schwimmer-Standardteile

.l{float:left}
.r{float:right}
.cl{clear:left}
...

Breite Standardteile

.w200{width:200px}
.w300{width:300px}
...

Hintergrundnormteile

.red{Hintergrund:rot}
.black{background:#000}
.white{background:#fff}
...
Bei Bedarf zitieren
class="l w200 red"[links, Breite 200, Hintergrund rot]
class="r w200 weiß" [rechts, Breite 200, Hintergrund weiß]

Ich schreibe jetzt meinen eigenen Code und kann einen Layoutstil mit bis zu 2 Klassen definieren, was sich sehr praktisch anfühlt