文章目录
1、Bootstrap
2、 Foundation
3. Materialize CSS
4. Semantic UI
5. Bulma
6. UIKit
7. PureCSS
8. Tailwind
9. Ant Design
10.Tachyons

css 框架

1、Bootstrap

作为最受欢迎的工具之一,Bootstrap在Web开发人员眼中已成为了业界领先的前端框架。为了使Web开发人员能够构建出不同的用户界面组件,Bootstrap能够将CSS、Javascript和HTML代码组合到一起。

2、 Foundation

ZURB于2011年9月设计出了Foundation。与其他CSS框架相比,Foundation不但拥有先进而复杂的界面,而且提供了响应式菜单,以及与各种设备和浏览器的兼容性。您还可以使用CSS框架,来轻松地按需设置各种菜单样式。

3. Materialize CSS

以Google为基础的Materialize CSS融合了JavaScript、CSS和HTML等各种组件。它不但具有一定的响应能力,而且存在较少的浏览器兼容性问题。如果您希望构建一个优雅的UI,那么Materialize就可以通过大量的自定义CSS,以及多种配色方案,来帮助您完成独特的网站设计。

4.Semantic UI

作为一名全栈开发人员,Jack Lukic使用自然语言原理创建了Semantic UI框架。凭借着jQuery和LESS功能,Semantic UI提供了光滑、平整且精细的外观,以及轻量级的用户体验。它的社区虽然相对较小,但是其成员既热情又忠诚。他们的目标是创建一种共享的UI语言,以赋予开发人员和设计人员同样的权利。目前,Semantic UI社区已经拥有约3000多个主题。

5、 Bulma

作为一个基于Flexbox的开源框架,Bulma在全世界拥有超过20万名开发用户。它可以通过可视化的组件,让开发人员了解其运作的过程。该前端框架通过各种技术,为前端开发人员提供了一种内聚(cohesive)的界面。此外,由于它使用了响应式模板,因此我们可以更好地专注于网站的内容,而不是代码的编写。

6、 UIKit

UIKit是一个模块化的轻量级前端CSS框架。它非常适合于快速开发那些功能强大的Web界面。凭借着CSS、HTML和JS组件的全面集合,它能够让前端框架既容易扩展,又方便被定制使用。UIKit是用于开发iOS应用最广泛的前端框架之一。它定义了诸如:按钮、标签、导航控制器和表格视图等核心组件。

7. PureCSS

由Yahoo开发的PureCSS,提供了一组体积小、且具有快速响应能力的CSS模块。它非常适合开发那些界面美观且功能不同的项目。PureCSS具有快速响应能力的内置设计,以及最小体积的标准化CSS,而且它们都是免费的!

8、Tailwind

Tailwind是一款utility-first的框架,可以被用于快速地构建UI。作为一个utility-based的CSS库,它比那些语义和精益标记(lean markup)更注重实用性和速度。在创建网站时,您只需要确定项目的范围,而无需自行编写CSS。虽然Tailwind并不提供默认的主题,您也找不到任何内置的UI组件,但是您可以使用预设计的部件菜单,来构建目标网站。

9. Ant Design

由阿里巴巴开发的Ant Design是一种Javascript库类型的ReactJS组件库。通过将屏幕区域分为24列网格,它增加了用户对于可见区域的自定义能力。同时,它通过各种填充(filled)和轮廓(outlined)图标,来满足不同的应用程序的要求。

10、 Tachyons

与其他流行的前端框架不同,Tachyons旨在将CSS规则分解为小型的、可管理的、以及可复用的部件。Tachyons可以帮助开发人员创建出具有高度可读性、能够快速加载和响应的网站,而且无需使用大量CSS代码。


10 种常用的CSS框架,收藏一下相关推荐

  1. 值得收藏的十种常用的CSS框架-蛙课网

    CSS框架是预先准备好的软件框架,允许使用层叠样式表语言更容易,更符合标准的进行网页设计.大多数这些框架包含至少一个栅格设计(grid).功能更强大的框架,还配备了更多的功能和附加的基于JavaScr ...

  2. 值得收藏的十种常用的CSS框架,快码住!

    CSS框架是预先准备好的软件框架,允许使用层叠样式表语言更容易,更符合标准的进行网页设计.大多数这些框架包含至少一个栅格设计(grid). 功能更强大的框架,还配备了更多的功能和附加的基于JavaSc ...

  3. 几种常用深度学习框架简介

    几种常用深度学习框架简介 一.TensorFlow 1.1 Tensorflow简介 1.2 使用文档 1.3 预训练模型 二.Pytorch 2.1 Pytorch简介 2.2 使用文档 2.3 预 ...

  4. **10种常用的网络营销方法**

    **10种常用的网络营销方法** 网络营销产生于20世纪90年代,发展至今已演变出越来越多的营销方法,在国内随着互联网影响的进一步扩大,人们对网络营销认知的进一步加深,网络营销方法手段也是各种推陈出新 ...

  5. 10种常用的网络营销方法

    网络营销产生于20世纪90年代,发展至今已演变出越来越多的营销方法,在国内随着互联网影响的进一步扩大,人们对网络营销认知的进一步加深,网络营销方法手段也是各种推陈出新,下面就介绍如今网络营销最常用的1 ...

  6. c语言常用滤波算法,10种常用滤波算法C实现.c

    /* 10种简单的数字滤波C语言源程序算法 假定从8位AD中读取数据(如果是更高位的AD可定义数据类型为int),子程序为get_ad(); 1.限副滤波 */ /*  A值可根据实际情况调整 val ...

  7. 10种常用排序算法实现

    在使用VBA进行写程序时,经常会做排序,下面将会给出一些常用的排序算法的实现,方便大家写程序参考,若代码中出现了错误,欢迎高手指正. 主要算法有: 1.(冒泡排序)Bubble sort 2.(选择排 ...

  8. 10种常用降维算法源代码(python)

    最近发现一位同学整理了一些经典的降维算法,并用python实现常见降维算法的代码,特此推荐.作者:超爱学习 代码的github: https://github.com/heucoder/dimensi ...

  9. 汇编语言2种常用的编程框架

    现在使用的汇编语言差不多都是使用这两种程序框架,两种都是前辈流传下来的经典编程框架,区别在于返回DOS方式不同!记下,以备必需时可以翻阅. 1.基于入栈的RET方式 DATA SEGMENT .... ...

最新文章

  1. 使用Redis分区将数据分割到多个Redis实例
  2. Spark任务调度流程及调度策略分析
  3. javawhile语句的用法例子_Python语句之循环
  4. python、numpy,keras,tensorflow等函数用法积累(持续更新)
  5. JavaScript 22岁生日快乐!
  6. python客户端自动化测试滚轮移到最上面_Python+Appium自动化测试(8)-swipe()滑动页面...
  7. postgre查询表最后更新日期_Power BI 10月份功能更新浅译
  8. 让开发者 so easy 的一站式服务到底存不存在?
  9. 《Java设计模式》之代理模式 -Java动态代理(InvocationHandler) -简单实现
  10. 南昌大学计算机网络通信用什么书,南昌大学_计算机网络教材.doc
  11. Windows 手动与脚本自动重启Print Spooler打印服务
  12. 大数据第一季--java基础(day27)-徐培成-专题视频课程
  13. 2(1) maximum number in a unimodal array
  14. php 二维数组根据某个键值倒叙、升序排序
  15. IIS服务器开启https
  16. 券商接口量化交易策略——KDJ指标
  17. C语言打开微信提示找不到文件,电脑提示系统找不到指定文件怎么办?
  18. (一)傅里叶变换:傅里叶级数(Fourier Series)
  19. PKI体系简易JAVA实现(一):时间戳服务器TSA
  20. 银行工作可获得的薪酬及待遇

热门文章

  1. kindle可以设置24小时吗_Kindle | 怎样安排时间读书?
  2. 安徽理工大学计算机学院蒋群,计算机学院举办优秀毕业生讲座
  3. Android逆向之https,android实战项目源码
  4. 从零部署 Django 项目至云服务器
  5. V-Value in fiber(光纤中的V值)
  6. JavaScript获取B站分集视频标题及各集时长、累计时长
  7. 教你如何用python制作黑板模拟器 python 项目小发明 【安安教具】-【工具】-【黑板】模拟器
  8. 手把手教你如何玩转Solr(包含项目实战)[转载]
  9. EasyConnect安装使用教程
  10. FFmpeg 音视频开发 20 年