css框架(css框架和js框架)

css框架

一、tailwind
TailwindCSS是一个功用类优先的CSS结构，它集成了比如flex,pt-4,text-center和rotate-90这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何规划。
首要特性：
组件化
体积小，性能高
呼应式
传送门：tailwindcss.com/
二、Tachyons
Tachyons具备了当前盛行的css结构的长处，无需自己编写很多CSS。轻量、可定制化和拓展等。Tachyons有极其细化的原子类，只需要在类名中增加特色新的样式即可。不用忧虑命名抵触，也无需忧虑样式覆盖，这样能够更能直观的看出样式的具体内容。
传送门：tachyons.io/
三、Skeleton
如果您正在着手一个较小的项目，或者仅仅觉得不需要大型结构的所有实用程序，则应该使用Skeleton。
在Skeletoncss官网中，介绍了三个Skeleton的三大优势：
Lightasafeatherat~400lines&builtwithmobileinmind.（超轻量级,为移动端打造）
Stylesdesignedtobeastartingpoint,notaUIframework.（样式规划为起点，而非UI结构）
Quicktostartwithzerocompilingorinstallingnecessary.
（快速入门，零编译或安装必要）
依据Skeleton的特色和优势，能够把它的典型使用场景概括为：
css学习和demo操练；
创立小型的呼应式手机使用；
传送门：getskeleton.com/
四、Foundation
Foundation是由产品规划公司ZURB制作的自适应前端结构。比较于其他同类型东西，Foundation的移动化方案愈加超卓。学习呼应式Web规划的思路和方法，Foundation对内容结构在不同类型设备中的的出现方式进行了相应的预设。
传送门：get.foundation/
五、bootstrap
Bootstrap仍然是最盛行的CSS结构之一。他们供给了很多的文档、示例和演示，能够帮你快速进行呼应式Web开发。该结构的当前版本是Bootstrap5，相较于V4，做出了一些改动：
具有了自己的SVG图标库
不再支撑jquery
不再支撑IE
增加了css自定义特色
增强的网格系统
Forms可被更新
传送门：getbootstrap.com/
六、UIkit
相较于其他通用的css结构，UIkit有一些这些结构没有的组件，比如
Lightbox（使用模态对话框为图片和视频创立一个别致的灯箱）
Parallax（依赖于页面滚动条位置的动态CSS特性）
Nestable（创立能够经过拖拽排序的可嵌套式列表）
Sortable（创立可排序的网格和列表重新来排列元素的顺序）
传送门：getuikit.com/
七、SemanticUI
Semantic意为语义，因为SemanticUI类在命名上清晰易懂，因而开发人员不但节省了学习的时间，也让手头上项意图开发更快、更直观。此外布局的多样性是SemanticUI的另一个优势。经过不同的主题，您能够轻松地为各种项目找到必要的组件。
SemanticUI存在一些缺陷，更新频率相较于其他热门结构较低，并且在某些设备运转呼应才能一般。
传送门：semantic-ui.com/
八、Bulma
Bulma是一个根据Flexbox的现代化的CSS结构。它供给了随时可用的前端组件，您能够轻松地组合这些组件来构建呼应式Web界面。
和bootstrap比较，两者最大的区别是，bulma是纯css，没有js，bootstrap有JS。这里举个列布局的例子：
增加columns容器
增加任意数量的column元素
无论列数是多少，每一列的宽度都相等。
传送门：bulma.io/
九、Picnic
Picnic是一个轻量级CSS结构，压缩后的大小不到10kb。该结构最大的特色便是具有多个交互式组件，包含栅格、表单、选项卡、东西提示等等，能够协助开发人员快速创立呼应式网站和web使用程序。
PicnicCSS是一个用Sass写的轻量级UI结构，它能更容易的编辑和自定义变量，如颜色和长度。它还有一些不错的纯CSS写的UI组件，如模态窗口和内容滑块。
传送门：picnicss.com/
十、NES.css
NES.css仿照了8位NintendoEntertainmentSystem图形，营造出复古的游戏外观：
NES.css只需要CSS，不依赖任何JavaScript。作为每个游戏发烧友都会大喊：爱了！

css框架和js框架

1.JavaScript框架可以独立使用，可以独立完成WebAPP的开发，不依赖CSS框架；
2.一些CSS框架依赖JavaScript来实现一定的效果；
3.JavaScript框架是为了简化开发和标准化项目；
4.CSS框架也是为了简化开发而设计的，因为它简化了构建接口的工作量；
目前流行和使用的JavaScript框架主要是React、Angular和Vue。
流行的CSS框架包括Bootstrap、Foundation、Bulam等。