【CSS】CSS框架

什么是CSS框架？

        CSS框架，也就是一堆CSS样式的集合。

        包括基本的字体风格设置、表单元素的样式、表单元素的布局等。

CSS框架有什么好处？

        对于开发者而言，开发过程中经常会碰到界面布局的任务，而这些任务经常会浪费掉很多时间。

它能做的↓

        界面布局时调用CSS框架帮你解决；

        开发团队中没有美工或界面设计人员，调用CSS框架帮你解决；

        设置button状态，鼠标指上去的状态，鼠标点击时的状态，调用CSS框架帮你解决；

        担心浏览器兼容性产生不和谐的外观，调用CSS框架来帮你解决；

        等等…这些只是一部分………………

        CSS框架已经解决了很多问题问题。预设的css样式，直接拿过来用就行，快速布局兼容性好、人性化的界面。

        兼容性的话，某些框架IE下展现出来的有些问题。

CSS框架都有哪些？

        通过搜索可以发现，网上有各式各样的框架。

        这种情况下我们根据自己的需要，选择合适的框架。

        我还是比较“相信品牌的力量”！名气大、一直在维护的、免费的、demo外观基本满足要求的，一般都可以。

 

搜索所得：

具有强大功能的Bootstrap

http://www.bootcss.com/

扁平UI的Flat UI

http://designmodo.github.io/Flat-UI/

 

YUI框架

http://yuilibrary.com/

 

LessCss框架

http://www.lesscss.net/article/home.html

 

来自雅虎的 CSS 框架Pure

http://purecss.io/

 

Metro风格的CSS框架BootMetro

http://aozora.github.io/bootmetro/

 

当然还有很多，我简单搜了一下，感觉这几个都不错，先烈们的结晶！

当然我们也可以找一些开源的框架，进行修改，变成适合自己使用的框架。

 自己搭建的练习的框架，比较丑，只熟悉一下整体。具体Demo可以看官网。

 Demo1：

        此Demo为宽屏的产品展示界面效果。

        http://download.csdn.net/download/weixuehao/6317837

 

 

 

Demo2：

         此Demo为时间轴效果。

         http://download.csdn.net/download/weixuehao/6323813