TNTWeb-全称是腾讯新闻前端团队。群里的小伙伴在Web前端、NodeJS开发、UI设计、手机APP等大前端领域都有实践和积累。目前团队主要支持腾讯新闻各项业务的前端开发。除了业务发展，它还积累了一些前端基础设施，以实现业务效率提升和产品创新。团队倡导开源共建，拥有各类技术人才。团队Github地址：https://github.com/tnfe本文作者为zhangzheyi1，本人博客地址：https://www.zhangzheyi1.com优秀的css框架可以让开发变得更快，不再担心兼容性问题，并且一般都有合理的布局，作为开发者可以减少对UI设计的思考。最近整理了一些CSS框架供开发者选择使用，排名不分先后。1.tailwindTailwindCSS是一个功能类优先的CSS框架，它集成了flex、pt-4、text-center和rotate-90等类，可以直接组合在脚本标记语言中构建任何设计。主要特点：组件化、体积小、高性能响应式传送门：https://tailwindcss.com/2.TachyonsTachyons具有目前流行的css框架的优点，不需要自己写大量的CSS。轻量级、可定制和可扩展等。Tachyons拥有极其细粒度的原子类，只需要在类名中添加一个新样式的属性即可。不用担心命名冲突，也不用担心样式覆盖，可以更直观的看到样式的具体内容。传送门：https://tachyons.io/3.Skeleton如果你正在做一个较小的项目，或者只是觉得你不需要大型框架的所有实用程序，你应该使用Skeleton。在Skeletoncss的官方网站上，介绍了Skeleton的三个优点：Lightasafeatherat~400lines&builtwithmobilemind。（超轻量级，专为移动设备而设计）样式旨在作为起点，而不是UI框架。（风格设计是起点，不是UI框架）零编译安装快速上手。总结为：css学习与demo练习；创建小型响应式移动应用程序；传送门：http://getskeleton.com/4.FoundationFoundation是产品设计公司ZURB出品的自适应前端框架。与其他同类工具相比，Foundation的移动解决方案更胜一筹。Foundation借鉴了响应式网页设计的思想和方法，针对内容结构在不同类型设备上的呈现做了相应的预设。传送门：https://get.foundation/5.bootstrapBootstrap仍然是最流行的CSS框架之一。他们提供了大量文档、示例和演示，可以帮助您快速开始响应式Web开发。该框架目前的版本是Bootstrap5，与V4相比，做了一些改变：有自己的SVG图标库，不再支持jquery，不再支持IE。添加了CSS自定义属性。表格可以更新。传送门：https://getbootstrap.com/六、UIkit与其他常见的css框架相比，UIkit有一些这些框架没有的组件，比如Lightbox（使用模态对话框为图片和视频制作别致的灯箱）Parallax（动态CSS特性，依赖于页面滚动条的位置）Nestable（创建一个可嵌套的列表，可以通过拖动排序）Sortable（创建一个可排序的网格和列表，重新排列元素的顺序）传送门：https://getuikit.com/7.SemanticUISemantic表示语义。由于SemanticUI类的命名清晰易懂，开发者不仅可以节省学习时间，还可以让手头项目的开发更快更直观。此外，布局的多样性是SemanticUI的另一个优势。通过不同的主题，您可以轻松找到各种项目所需的组件。SemanticUI有一些缺点，更新频率低于其他流行框架，在某些设备上运行的响应速度一般。传送门：https://semantic-ui.com/八、BulmaBulma是一个基于Flexbox的现代CSS框架。它提供随时可用的前端组件，您可以轻松组合这些组件来构建响应式Web界面。与bootstrap相比，两者最大的不同在于bulma是纯css没有js，而bootstrap有JS。下面是一个列布局的例子：Addcolumnscontainer添加任意数量的列元素无论列数多少，每列的宽度都是相等的。
