如何更好的写html，css？

html， css，每个人都会写，可就是都会写，所以一个项目下来，可能有几个人负责，就会有不同的html结构。其实不能说这个有问题，只能说无法统一，规范化。所以一个团队下来，需要至少有一个是专门写这个的。但是呢，就算是同一个人写的代码，也有可能在不同的环境，不同的时间，写的东西是不一样的，这样又该如何呢？这是个无解的问题，但是我们可以尽量去避免。

html通过数据生成结构，也就是说在一定程序上，保证了结构的统一化。
那css呢？抽出共用部分，或编写成方法…最后配置化，通过改变参数，来改变整个网站的风格，在这条路上，我还没想清楚，不知道大神们是怎么做的呢？？

//部分代码
//zindex
$zidx-h = 99    //tip,屏幕垂直居中
$zidx-m = 88    // fixed层
$zidx-l = 77    //modal?
$zidx-ft = 20    // form 提示语，下拉

//色值分类
//文字
$color = #666   //默认色
$color-title = #333   //标题色
$color-desc = #999   //说明信息
$color-active = #227CE1   //说明信息


//背景色
$color-bg = #f5f5f5

//线条色
$color-line = #e5e5e5
//按钮
$border-line = #b2b2b2
//input
$border-line-input = #ccc


//字体大小
$size = 14px    //用于网站整体字体的大小
$size-primary = 16px
$size-sm = 12px
$size-lg = 20px

$size-title = 18px

$size-lg-s = 24px   //特殊