To assemble the Web page div Layout-web Standard website design experience _css/html

There is such an idea, do not know is feasible

Example:
The left column in the layout, its properties are: {left, width, background color, font, etc.}
If each attribute is made into a standard piece, then assembled to use
class= "float width height background font padding ..." To complete page layout styles with reference to multiple class standard parts
Define the standard parts as needed first as follows:

Float Standard
. L{float:left}
. R{float:right}
. Cl{clear:left}
...

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

Background Standard Parts
. red{background:red}
. Black{background: #000}
. White{background: #fff}
...
Reference as needed
class= "L w200 Red" [Left, width 200, background red]
class= "R w200 White" [Right, width 200, black background]

I now write my own code, a maximum of 2 classes to define a layout style, it feels very convenient

