一款绝对让你惊艳的CSS框架——TailwindCSS
前言 前段时间，laravel更新8.0版本，系统内置的Jetstream应用支架使用的是Tailwind CSS，于是勾起了我对Tailwind CSS的兴趣。 后来项目中也是逐步使用，总体感觉超级爽。就像他的简介一样Utility-First效用优先的CSS框架。 相比 ...
原文：CSS原子化框架TailwindCSS/WindiCSS
TailwindCSS WindiCSS提供大量默认样式，可自定义样式，只用写html就可快速完成开发，适合官网等pc端项目，如果注重样式细节交互 大量自定义样式的长期项目，并不合适。 我们移动端建议用vw 与postcss插件，曾经有bug公众号原文章的rem与我们的rem冲突，vw方案缺点大屏时没有缩小方案。 ...
2022-01-12 14:20 0 1506 推荐指数：
相关推荐
tailwindcss+react实现css in js
css in js的好处多多，这里就不多说了，直奔主题。这里使用tailwindcss+react实现了在react组件内完成html+js+css的开发。tailwindcss是在class内编写原子化css代码，使得组件内的css代码较少，且不会与其它css冲突，样式没有定义在组件的style ...
Bulma - 基于 Flexbox 的现代化的 CSS 框架
Bulma 是一个基于 Flexbox 的现代化的 CSS 框架，设计的初衷就是移动优先（Mobile First），模块化设计，可以轻松用来实现各种简单或者复制的内容布局，浏览器支持：浏览器支持：Chrome、Edge、Firefox、Internet Explorer (10+ ...
CSS常用原子类base.css
在写css文件时，一些常用的属性我们完全可以把它单独提出来，提高复用性，能增加开发效率，下面是一些网站推荐的常用原子类，也是零度逍遥常用的，规定了一些字体，内外边距和宽高属性，一般写在base.css内，分享给大家，希望大家在开发的时候能够事半功倍。当然，对于脑残的IE也都是支持的。 ...
Bootflat – 基于 Bootstrap CSS 框架的扁平化界面
Bootflat 是一个开源的扁平化的 UI 工具包，基于 Bootstrap 3.1.0 CSS 框架。它为 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快，更容易和更少的重复任务的途径。 另外，Bootflat 还为设计师提供了免费的 PSD 文件，它包括一组美丽的组件 ...
在 UmiJS 中使用 TailwindCSS
我的 umijs 版本 当前版本 umi 使用了 PostCSS7，安装兼容 PostCSS7 版本的 TailwindCSS 即可： .umirc.ts ...
CSS框架
原文出处：https://dzone.com/articles/how-to-speed-up-your-design-process-using-modern-c 现在的网站风格已 ...
tailwindcss 使用总结
安装tailwindcss 安装 npm install tailwindcss 引入 在scss文件引入，并导入main.js生效 引入如下: 初始化tailwindcss配置文件 npx tailwindcss init ...