My initial template for stylesheets.

boilerplate.css

*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

.wrap  { width: 980px; }

.left  { float: left; }
.right { float: right; }

.block        { display: block; }
.table        { display: table; }
.inline       { display: inline; }
.inline-block { display: inline-block; }

.col-1  { width: 28px; }
.col-2  { width: 56px; }
.col-3  { width: 84px; }
.col-4  { width: 112px; }
.col-5  { width: 140px; }
.col-6  { width: 168px; }
.col-7  { width: 196px; }
.col-8  { width: 224px; }
.col-9  { width: 252px; }
.col-10 { width: 280px; }
.col-11 { width: 308px; }
.col-12 { width: 336px; }
.col-13 { width: 364px; }
.col-14 { width: 392px; }
.col-15 { width: 420px; }
.col-16 { width: 448px; }
.col-17 { width: 476px; }
.col-18 { width: 504px; }
.col-19 { width: 532px; }
.col-20 { width: 560px; }
.col-21 { width: 588px; }
.col-22 { width: 616px; }
.col-23 { width: 644px; }
.col-24 { width: 672px; }
.col-25 { width: 700px; }
.col-26 { width: 728px; }
.col-27 { width: 756px; }
.col-28 { width: 784px; }
.col-29 { width: 812px; }
.col-30 { width: 840px; }
.col-31 { width: 868px; }
.col-32 { width: 896px; }
.col-33 { width: 924px; }
.col-34 { width: 952px; }
.col-35 { width: 980px; }

.one-thrid  { width: 308px; }
.two-thirds { width: 616px; }