现如今深圳网站建设快要被各种各样的CSS前端框架给淹没了，真做的不错的其实也就那么几个。本文将对比五个科技（深圳网站设计）认为是现在较好的框架。这些框架每一个都有自己的优缺点和适用的应用类型，你需要根据自己的需要来选择不同的框架。例如，如果你的项目简单，就不需要使用一个复杂的框架。又或者，很多框架都是模块化的，你可以只是用你需要的模块，或者把不同框架的模块混到一起使用。
我将要介绍的这些框架的顺序与它们在GitHub的流行程度有关。自然，就是从较流行的Bootstrap说起。
深圳网站设计：
Bootstrap无疑地是目前这些类库的领跑者。它非常流行，流行程度还在一天天的增加。这个令人赞叹的工具集不会让你失望的，在你构建成功站点之路上少不了它。
作者：科技（深圳网站建设）
介绍：“Bootstrap是较流行的HTML、CSS和JavaScript框架，可用来开响应式的移动有限的Web项目。”
核心理念/原则：响应式
与移动优先
响应式：是
模块化：是
上手模块/布局：是
字体图标：大半Glyphicon
图标
插件/扩展：无，不过有大量的第三方插件
特色组件：超大屏设计
文档：完善
自定义：基础的GUI自定义；不过你需要手动输入颜色值，因为不支持颜色选择器
浏览器支持：Firefox、Chrome、Safari、IE8+（IE8的话需要使用Respond.js
）
深圳网站设计：Bootstrap使用心得
Bootstrap较大的优势就是它非常流行。从技术上讲，它并不是比其他在列框架要先进。只是它有很多资源（文章、教程、第三方插件和扩展以及主题构造器等等），比起其他四个框架合到一起还要多。简单地讲，Bootstrap就是无处不在。这也是大家继续使用它的原因。
提示:当我说“特色”的组件，这种特色就是针对目前列出的这些框架而言的。
深圳网站设计：
Foundation是这个领域的第二大玩家。拥有像ZURB这样的公司在背后支持，不得不说它确实有一个非常坚实的基础。总之，Foundation被很多大的网站采用。包括Facebook、Mozilla、Ebay、Yahoo以及NationalGeographic等等。
作者：科技（深圳网站设计）
介绍：“世界上较先进的响应式前端框架”
核心理念/原则：响应式、移动优先、语义化
特色组件：IconBar、ClearingLightbox、FlexVideo、Keystrokes、Joyride、PricingTables
自定义：无GUI的自定义工具，需要自己手动修改
浏览器支持：Chrome、Firefox、Safari、IE9+；iOS、Android、WindowsPhone7+
Foundation使用心得
Foundation的确是一个非常专业的框架，有商业的支持、培训以及外包。它同时还提供很多资源，帮助你更加快速更加容易地学习和使用这个框架。
深圳网站设计：
SemanticUI一直在努力让网站建设更加语义化。它利用了自然语言的原则，使得代码更容易读更容易理解。
作者：科技
（深圳网站建设）
介绍：“一个UI模块框架，基于来自自然语言的一些有用的原则。”
核心理念/原则：语义化、tagambivalence、响应式
特色组件：Divider、Flag、Rail、Reveal、Step、Advertisement、Card、Feed、Item、Statistic、Dimmer
Rating、Shape
文档：非常好。Semantic有组织良好的文档，外加一个单独网站
提供指南，帮助用户快速上手，自定义和创建主题。
浏览器支持：Firefox、Chrome、Safari、IE10+(IE9需要prefix支持)、Android4、Blackberry10
SemanticUI使用心得
在这些框架中，Semantic是较具革命性特性较全的框架。为了让样式逻辑清晰，语义化，整个框架的结构以及命名约定都要优于其他框架。
深圳网站设计：
Pure是一个轻量的、模块化的框架——使用纯CSS编写的——根据你的需要，可以组合或者分开使用Pure的模块。
作者：科技（深圳网站建设）
介绍：“一系列小的，响应式的CSS模块，可以用在你的每一个项目中。”
核心理念/原则：SMACSS
、极简主义
自定义：基础的GUI皮肤构造工具
浏览器支持：较新的Firefox、Chrome、Safari；IE7+、iOS6.x、7.x；Android4.x
Pure使用心得
Pure只提供一套极简的样式，便于你从0开始你的项目。对于那些不需要一个全栈框架，只需要某些组件的加入到他们自己的项目中的用户来讲，这个框架非常符合。
深圳网站设计：
UIkit包含了一些列简洁的易用的便于自定义的组件。尽管它没有其他在列的框架流行，但是它提供了相当的功能和质量。
作者：YOOtheme
发布时间：2013
当前版本：2.13.1
流行程度：GitHub上3,800+的star
介绍：“轻量的，模块化的前端框架，可用来快速构建强大的网页界面”
核心理念/原则：响应式、移动优先
框架大小：118KB
预处理器：Less、Sass
响应式：是
模块化：是
上手模块/布局：是
字体图标：FontAwesome
插件/扩展：有
特色组件：Article、Flex、Cover、HTMLEditor
文档：好
自定义：高级的GUI自定义工具
浏览器支持：Chrome,Firefox,Safari,IE9+
开原协议：MIT
UIkit使用心得
UIkit在WordPress主题中很成功。它提供了强大灵活的自定义机制，可以手动修改或者使用它的提供的GUI自定义工具来实现。
以上内容由科技（深圳网站设计,深圳网站制作）为您提供，更多精彩内容：http://www.fantodo.com/
关注“科技”微信公众号，快速获取互联网较新资讯
网站建设计最新案例赏析：
网站建设行业资讯推荐阅读：