css框架？css框架tailwind
今天给各位分享css框架的知识，其中也会对css框架tailwind进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
常用的前端框架有哪些
1. Twitter BootStrap（Apache v2.0；响应式）
时髦、直观并且强大的前端框架，让Web开发变得更加容易。
2. Foundation（MIT；响应式）
最先进的响应式前端框架。
3. 960gs（GPL&MIT；响应式）
960gs提供了一个简单的网格系统，适合快速开发。
4. Skeleton（MIT；响应式）
非常漂亮的Web模板，适合响应式、移动友好的开发。
5. 99lime HTML KickStart（Free）
适合网站快速开发的极简HTML构建模块。
6. Kube（Free；响应式）
面向专业人员的CSS框架。
7. Less Framework（MIT；响应式）
自适应的CSS网格系统。
8. Flameinwork（Free）
适合懒人开发者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework（Free）
Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。
11. Blueprint（Free）
一个旨在减少开发时间的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，适合开发现代化浮动布局。
13. BlueTrip（Free）
一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。
15. 52framework（Creative Commons）
对HTML5支持非常好，简单易用。
16. elastiCSS（MIT）
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic（Free）
一个与众不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System：传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一个960px宽+ 12列网格系统+ CSS的通用样式。
怎么去找到好的响应式css框架
这些前端框架能为您提供以下好处：
跨浏览器：前端框架都在不同的浏览器测试通过。
一致性： UI组件，如导航，按钮，标签，表单，下拉菜单，表格...他们的风格都相互统一。
快速开发：您可以轻松，快速的构建一个布局。他们通常有代码片段和优秀的文档。
响应式：所有 CSS组件和 Javascript插件能够从桌面扩展到移动端。
InK
Ink是一个用于快速开发 Web界面的 UI套件，简单易用和。它通过整合 HTML，CSS和 JavaScript来提供现代化的解决方案，构建布局，显示通用的界面元素，为你的用户实现内容为中心的和用户友好的互动功能。
HTML& CSS组件：布局，导航，排版，图标，表格，提醒，表单。
JavaScript组件：画廊，模态窗口，表格，可排序的日期选择器，选项卡，表单验证，行为（停靠，折叠，关闭）。
其它特性：支持 Sass混入。
GroundworkCSS
GroundworkCSS灵活的网格系统使你能够快速开发，并能够适应任何屏幕尺寸，从手持设备到大尺寸的显示屏。GroundworkCSS构建在强大的 CSS预处理器 Sass的基础上。Sass是对 CSS3的扩展，并添加了嵌套规则，变量，混入，选择器继承等等众多特性。使用命令行工具或 Web框架插件可以转换为标准的 CSS代码。
HTML& CSS组件：网格，布局，排版，按钮，瓷砖，表格，表格，图示，社会的图标，响应文本，消息，警报。
JavaScript组件：导航，标签，工具提示。
其它特性：支持 Sass混入。
Ivory
灵活，强大的响应式 Web框架，使 Web开发更快，更容易。支持 1200像素到 320px区间的响应式布局。
HTML& CSS组件：网格，排版，表单，按钮，提醒，分页，面包屑，列表，表格。
JavaScript组件：工具提示，选项卡，切换开关，手风琴。
Foundation
Foundation是由加利福尼亚州的产品设计公司 Zurb推出的。这是目前最先进的响应式前端框架，它有很多的模板布局，UI组件的 CSS样式，也收录了很多他们自己的 JavaScript插件。
HTML& CSS组件：网格布局模板，图标，字体，响应式表格，SVG社交图标，分页，面包屑，边栏导航，按钮，字体，标签，提醒，面板，价格表，进度条，表格，缩略图。
JavaScript组件：下拉按钮，分割按钮，开关，自适应视频，灯箱，下拉列表，导航，显示模态窗口，选项卡，工具提示。
其他特性：自定义皮肤的表单，SCSS混入。
Grumby
Gumby 2基于强大的 Sass构建，Sass是一个功能强大的 CSS预处理器，这使我们能够快速的开发自己的 Gumby，并为您提供新的工具，让你能够在 Gumby的框架基础上快速定制。
HTML& CSS组件：网格，表单，按钮，导航，标签，Entypo图标。
JavaScript组件：切换开关，下拉框，选项卡，模态窗口。
其他特性：自定义皮肤的表单，SASS& Compass。
HTML KickStart
超精益的 HTML5，CSS& JS模块，用于快速网站制作。它有一个全面的 UI组件，也有一些有用的 JavaScript插件，它的目标是成为设计师的朋友。
HTML& CSS组件：网格，排版，按钮，按钮条，列表，表格，图标，面包屑，图像，表格。
JavaScript：菜单，工具提示，语法高亮，选项卡，幻灯片，表单验证。
其他特性：额外的 CSS工具。
Maxmertkit
这个框架是由 Vetrenko Maxim Sergeevich创建的，使程序员的生活更轻松。Maxmerkit是基于部件修改器编码风格的一个 CSS框架。
HTML& CSS组件：网格布局，typograpghy，徽章，按钮，插入符，表格，图标，标签，菜单，进度表，下拉菜单，工具提示。
JavaScript组件：按钮，转盘，模态窗口，通知，弹出层，选项卡，滚动侦测。
其他特性：支持 Sass, Coffee Script。
Twitter Bootstrap
Bootstrap是基于 HTML，CSS和 JavaScript的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter在2011年8月开源的整套前端解决解决方案。Bootstrap有非常完备和详尽的开发文档，Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
HTML& CSS组件：网格，布局，排版，代码，表格，表单，按钮，图像，图标，按钮组，导航，面包屑，分页，选项卡，徽章，缩略图，提醒，进度条。
JavaScript组件：过渡，模态窗口，下拉框，滚动检测，标签，工具提示，弹出层，警报，按钮，手风琴，旋转木马，自动补齐。
其它特性：支持定制， LESS CSS。
Skeleton
Skeleton是一个小集合的 CSS文件，可以帮助你迅速开发任何尺寸，外观漂亮的网站，例如用于 17寸笔记本电脑屏幕或 iPhone屏幕的。Skeleton建立在三个核心原则之上：兼容移动端的响应式网格，快速入门，风格无关。Skeleton对于大多数开发者是一个相当不错的选择，因为它是轻量级的且易于使用。
HTML& CSS组件：网格，排版，按钮，表单，媒体查询。
Kube
Kube是由 imperavi（他也是著名的 Redactor编辑器的作者）发布的前端框架，以使设计者/开发者的生活更轻松。简约而不简单，适应性和响应式能够使用各种需求。革命性的灵活网格和漂亮的印刷字体，没有任何强加的样式。
HTML& CSS组件：排版，表单，网格，表格，按钮，导航，图标。
JavaScript组件：按钮，标签。
其它特性：支持 LESS CSS。
Helium
Helium是一种前端响应式 Web开发框架，用于 HTML5和 CSS3项目的快速原型设计和实际开发。它在许多方面与 Twitter Bootstrap和 ZURB Foundation相似。然而，不同于这两个框架的是，Helium的目的是要更轻量，更容易更改。把它看成是一个典型的汽车，在那里你可以打开引擎盖，容易对发动机进行改装。
HTML& CSS组件：网格，按钮，排版，表格。
JavaScript组件：下拉框，表单验证，模态窗口。
其它特性：支持 SASS& Compass。
Markup
Markup框架是一个布局，窗口小部件，排版样式和其他的 UI组件的集合，可以根据自己的需要进行整合。
HTML& CSS组件：布局，网格，排版，表格，按钮，标题，面包屑，消息，导航列表，导航菜单。
JavaScript组件：无 Javascript，纯 CSS。
Topcoat
Topcoat是一个 CSS集合，用于简洁和快速的 Web应用程序开发。它是一个开源库，不需要任何 JavaScript内置的用户界面元素。
HTML& CSS组件：图标，字体，按钮，面包屑，按钮栏，表格，下拉列表，滑动开关，标签，切换按钮，选择，滑块
JavaScript组件：无 Javascript，纯 CSS
PureCSS
Pure是一组轻量的，响应式的 CSS模块，您可以使用在任何的 Web项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行 CSS都进行了仔细的考虑。Pure基于 Normalize.css构建，并提供布局以及原生 HTML元素的风格，加上最常见的 UI组件。相信这些都是你需要的。
HTML& CSS组件：网格，排版，表格，按钮，表格，菜单。
JavaScript组件：无 Javascript，纯 CSS。
其它特性：皮肤制作器，YU库。
web前端框架有哪些
对于想转行的小伙伴，小蜗这里整理了一份系统的学习路线，可按照这份大纲一步一步来学习，先将基础打好，再学习框架部分，希望可以帮到你~
第一阶段：专业核心基础
阶段目标：
1.熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。
2.熟练运用HTML+CSS特性完成页面布局。
4.熟练应用CSS3技术，动画、弹性盒模型设计。
5.熟练完成移动端页面的设计。
6.熟练运用所学知识仿制任意Web网站。
7.能综合运用所学知识完成网页设计实战。
知识点：
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。
第二阶段：Web后台技术
阶段目标:
1.了解JavaScript的发展历史、掌握Node环境搭建及npm使用。
2.熟练掌握JavaScript的基本数据类型和变量的概念。
3.熟练掌握JavaScript中的运算符使用。
4.深入理解分之结构语句和循环语句。
5.熟练使用数组来完成各种练习。
6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。
7.DOM和BOM实战练习和H5新特性和协议的学习。
知识点：
1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。
2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。
3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。
4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。
第三阶段：数据库和框架实战
阶段目标：
1.综合运用Web前端技术进行页面布局与美化。
2.综合运用Web前端开发框架进行Web系统开发。
3.熟练掌握Mysql、Mongodb数据库的发开。
4.熟练掌握vue.js、webpack、elementui等前端框技术。
5.熟练运用Node.js开发后台应用程序。
6.对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。
知识点：
1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。
2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。
3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。
4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。
第四阶段：移动端和微信实战
阶段目标：
1.熟练掌握React.js框架，熟练使用React.js完成开发。
2.掌握移动端开发原理，理解原生开发和混合开发。
3.熟练使用react-native和Flutter框架完成移动端开发。
4.掌握微信小程序以及了解支付宝小程序的开发。
5.完成大型电商项目开发。
知识点：
1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。
2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js、TypeScript。
web前端学习路线思维导图
关于css框架的内容到此结束，希望对大家有所帮助。