一款絕對讓你驚艷的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 ...