几款CSS框架的对比选用

相关推荐:  

• 移动端跨端框架对比
• table与css+div的对比
• 漫谈grpc 4：grpc和其他rpc框架的横向对比，到底好在哪里？
• 搜藏一个在线设计网站-基于css 框架
• 前端框架用vue还是react？清晰对比两者差异

更多相关推荐

      选了三个CSS框架摸了一把，有Elements，YAML，blueprint，看下来Elements是说的最清楚的，让你一看就明白它在干嘛，应该怎么用（其说明文件就是指出其每个目录的作用，帮你在启动项目时做好规划），但它没有例子，这个比较头疼，另外因为它和prototype相结合，还特别为prototype的一个插件lightbox定制了css和images（也许只是直接搬过来的），而我自己在使用jQuery，于是不打算选择它了。关于jQuery和prototype的优劣，javaeye上曾经看到过一篇非常不错的文章，一语总结几大流行的JS框架的特点就是：

 

     不过嘛，Elements有一大闪光点，那就是extendLink.css，定制了很多常用链接的icon图标，甚至包括mailto、pdf、doc，提供了丰富的小图标icons，呵呵，这个可以直接copy过来用！

     Elements主页

     而YAML说明很少，我看不明白，例子又太简单，不适合我这种入门级的玩家，过~~

    

     最后还是选中了blueprint，清晰的表述，例子做得特别好，三个框架中最好的一个，特别是看到form.css中，对error、notice、success也有特别定义，可谓内容丰富，简便实用啊。（注：主页上例子不全，form的例子须下载后看包内的joshuaclayton-blueprint-css/tests/parts/forms.html）

     最后的决定：使用blueprint 这个框架，不过把Elements的extendLink.css和对应的icons拷过来使用。