Assemble the page div layout with standard parts

Have 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 you make each attribute a standard piece, then assemble it to use
class= "float width height background font padding ...", complete page layout style by reference to multiple class standard parts
First, the need to define a good standard parts such as:
Float Standard
.l{float:left}
.r{float:right}
.cl{clear:left}
...
width标准件
.w200{width:200px}
.w300{width:300px}
...
background标准件
.red{background:red}
.black{background:#000}
.white{background:#fff}
...
Refer to as needed
class= "L w200 Red" [left, width is 200, background red]
class= "R w200 White" [Right, width is 200, the background is black]
I now write my own code, up to 2 class to define a layout style, feel very convenient