link: https://codepen.io/knyttneve/pen/EBNqPN
link: https://codepen.io/GeoffreyCrofte/pen/jEkBL
PS：点击黑屏，是因为点击的时候打开了新页面......，所以大家不要惊慌哈。
link: https://codepen.io/maxxscholten/pen/zxegjL
link: https://codepen.io/lsirivong/pen/ekBxI
PS：这个星级是静态的，没有动效。
link: https://codepen.io/jsdev/pen/ojycf
link: https://codepen.io/andreacrawford/pen/NvqJXW
link: https://codepen.io/meowwwls/pen/BzaWZg
link: https://codepen.io/elmahdim/pen/bZmwPK
link: https://codepen.io/mburnette/pen/eNNZbm
link: https://codepen.io/s_crystal/pen/pJpMZX
link: https://codepen.io/bennettfeely/pen/EKrENG
link: https://codepen.io/brigi_cs/pen/bYjGEK
link: https://codepen.io/airen/pen/XoJKVr
link: https://codepen.io/tadaima/pen/rjvYab
link: https://codepen.io/ryanparag/pen/prKVGZ
PS：这个也是静态的。。。
link: https://codepen.io/Bluetidepro/pen/GkpEa
link: https://codepen.io/roxy225/pen/zvKByN
link: https://codepen.io/khone-vongsouthi/pen/gfzoK
link: https://codepen.io/fusco/pen/MwawEL
link: https://codepen.io/kanduvisla/pen/NqdbZP
link: https://codepen.io/orchard/pen/Jnwvb
link: https://codepen.io/jexordexan/pen/yyYEJa
link: https://codepen.io/adrianlambertz/pen/hqpyK
link: https://codepen.io/damianmuti/pen/KmEMdR
link: https://codepen.io/blixt/pen/QyNXEp
本人做美工有一年多，现在改做PHP了，因此想我结合以前的经验和一个程序员的眼光来说说，希望能给你一点帮助；div+css虽然算不上难，但是要做好也是不易的，考虑的方面也很多，一个好的builder应该从工作能力、工作效率以及习惯三方面进行评定，那怎么样才叫好呢，我说一下我的个人看法（个人意见，仅供参考）：
一、基本功：各浏览器的兼容性，熟知一些浏览器的bug并能快速的解决，熟练使用html语言以及css，能手写当然最好，不能手写也没关系，用工具也行，但一定要知道它们各有什么用处，这样当我们想用的时候能快速的知道用什么比较合适；
二、判断力：拿到图纸后能迅速判断出该页面哪块用那些标签，css该怎么写，图片该怎么切，哪些地方可以共用，这些比较适合一些比较大的单页面，一些大网站的首页，如果是整站的话里面要考虑的东西就更多了，像该分几个文件夹、几张样式表了，样式改怎么划分了，是公用的放一块还是按模块划分了等等，这些都是切图的前期要考虑到的，考虑到了全局，以后做的时候就不会顾此失彼；
三、效率：我认为的效率是又快又好的完成所交给的任务，而这个好就是用最少的标签、最少的样式完成所要的效果，所以就要熟悉各种标签的用处，我的原则是，能不适用的标签尽量不用，这里还涉及到seo方面和网站的负载方面的东西，有时间也可以研究研究；
四、习惯：一个好的builder应该有一个良好的习惯，这条放在任何工作岗位都很重要，这里主要谈哪些习惯才叫好习惯；首先，代码注释，无论是结构页还是样式表，一个方便程序员套后台程序，让他能进行很快的定位，二个也方便自己以后修改；其次，应该总结出一套自己的命名规则；三，有一张自己的通用样式表，里面放工作中常用的一些样式，像清除html原有的属性了，分页样式了等等，当自己想用的时候直接复制随便改改就能用了；
五、全局把握：这点是考验一个人能力的关键，考虑全局不仅要考虑现在该怎么做，还要考虑到以后的怎么改最省事，所以在做的时候尽量考虑这个页面或者网站的重用性，扩展性，和可维护性，这是一劳永逸的，方便他人，最重要的是方便自己；
六、学习：学无止境，光会div+css是不行的，还要学习其他的技术，比如js，提高自己的价值，多看看别人的代码，对比一下自己的代码，综合起来选一套最好的；
以上的六点是我在平时工作中总结出来的，写的比较乱，希望对能有所帮助，以前在做切图的时候，觉得最难切的是那种可以换肤、可以添加和删除模块并且还能拖拽的博客，要考虑的东西实在是太多，不过到是挺锻炼人，有时间你可以去练练手
