Use standard parts of the way to assemble the page Div layout-web Standard website design experience _css/html

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 Standard Parts
. w200{width:200px}
. w300{width:300px}
...

Background Standard Parts
. 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