求高手一起讨论DIV标准操作流程

目前我的做法就是，
1、做效果图
2、然后切碎
3、取需要的图片，从上到下，从左到右的去写规则代码，写CSS代码
问题：
1、代码，css重用性非常低
2、一般如果一个div有三层嵌套的，我就会比较乱，做好后连自己都分不清是怎么回事

看过腾讯的代码片段
感觉，他们命名非常科学，重用性高，而且感觉他一个class里有一些多余的css样式描述，我做的都是写一下，预览一下

所以我觉得他们应该有完善的模型
从设计，到布局，然后到css样式表的功能分拆，到后期维护
求高手能说下自己在这个方面的流程

这种问题没人，注重吗