Tailwind CSS

最新推荐文章于 2024-10-17 09:23:22 发布

jpruby

最新推荐文章于 2024-10-17 09:23:22 发布

阅读量2.2k

点赞数 2

分类专栏： vue 文章标签： css vscode 前端

本文链接：https://blog.csdn.net/m0_58039950/article/details/124736621

版权

本文详细介绍了Tailwind CSS，一个实用优先的CSS框架，用于快速构建自定义用户界面。内容包括有用的链接、IDE扩展、插件、工具、UI库、启动器和主题等，涵盖Tailwind CSS的各个方面，帮助开发者更高效地工作。

摘要由CSDN通过智能技术生成

Tailwind CSS

Tailwind CSS是一个实用程序优先的 CSS 框架，用于快速构建自定义用户界面.

Useful Links

传奇：官方资源

Website - 官方 Tailwind CSS 网站.
Repository - 官方 Tailwind CSS 存储库.
Discussions - 与其他社区成员就 Tailwind 进行联系的官方场所.
Tailwind UI - 使用 Tailwind CSS 制作的组件库.
Headless UI - 完全没有样式，完全可访问的 UI 组件.
Heroicons - 精美的手工 SVG 图标.
Play - Tailwind CSS 的高级在线游乐场.
Just-in-time - Tailwind CSS 的即时编译器.
Tailwind Weekly - 关于 Tailwind CSS 的所有内容的每周时事通讯.
Built With Tailwind - 社区驱动的使用 Tailwind CSS 构建的很棒的网站集合.

IDE Extensions

传奇：官方资源

IntelliSense for Code - Visual Studio Code 的 IntelliSense 扩展.
Styled Snippets for Code - Visual Studio Code 的代码片段扩展.
Headwind for Code - Visual Studio Code 的类分类器扩展.
Shades for Code - Visual Studio Code 的调色板生成器扩展.
IntelliSense for Neovim - Neovim 的 IntelliSense 扩展.
Tailwind CSS Explorer for Code - 探索项目 Tailwind CSS 设置中可用的类.
Tailwind CSS Highlight - 突出显示 Visual Studio Code 的实用程序扩展.

Plugins

Legend：官方插件·主题·实用程序·变体·组件·已弃用

Typography - 为漂亮的排版默认添加了一个“散文”类.
Aspect Ratio - 添加可组合的纵横比实用程序.
Line Clamp - 提供用于在固定行数后截断文本的实用程序.
Forms - 为表单元素添加更好的默认样式.
Theming - 使用 CSS 变量进行主题化，支持暗模式.
Theme Variants - 添加基于媒体查询和/或 CSS 选择器的主题变体.
Multi Theme - 添加基于单个“主题”属性的主题变体.
Theme Swapper - 使用 CSS 变量进行主题化，支持媒体查询.
Themeable - 为 Tailwind CSS 添加了多个主题支持.
Themer - 添加对带有 CSS 变量和变体的 Tailwind CSS 的主题支持.
Radix - 添加实用程序和变体以设置 Radix UI 状态的样式.
Custom Native - 利用 Tailwind CSS 的配置来允许创建实用程序.
Image Rendering - 添加“图像渲染”实用程序.
Elevation - 添加 Material UI elevation 公用事业.
Writing Mode - 添加“写作模式”实用程序.
Hyphens - 添加“连字符”实用程序.
Border Gradients - 添加 border-image 渐变实用程序.
RFS - 添加 RFS 公用事业.
List Reset - Adds back the list-reset class that was removed prior to Tailwind CSS 1.0.
Fluid - 添加流体尺寸实用程序.
Typography - 添加排版实用程序.
Triangle After - 添加 CSS 三角形实用程序.
Scrims - 添加稀松布实用程序.
Truncate Multiline - 添加实用程序以截断多行文本元素.
CSS Logical Properties - 为 CSS 逻辑属性生成实用程序.
Tooltip Arrows After - 为带有可配置边框和背景的工具提示箭头添加 CSS 实用程序.
Bidirectional - 添加用于创建多语言双向布局的实用程序.
Bidirectional - 将核心实用程序替换为双向兼容.
Background SVG - 注入 SVG 作为具有颜色变体的背景图像.
Background Unsplash - 申请 unsplash.com 图像作为背景.
Brand Colors - 为背景、边框和文本添加各种品牌颜色.
Bootstrap Grid - 生成 Bootstrap 风格的 flexbox 网格系统.
Leading Trim - 添加实用程序来修剪文本空白，使用 Capsize.
Scrollbar Hide - 添加 scrollbar-hide 类用于视觉隐藏滚动条.
Downwind CSS Easings - 扩展 transition-timing-function 实用程序.
Content Placeholder - 为内容占位符图像添加实用程序.
No Scrollbar - 公开 scrollbar-none 以在视觉上隐藏滚动条.
Fluid Type - 添加流体类型（font-size）实用程序.
Grid Areas - 添加 grid-areas 和 grid-area 实用程序.
Touch - 添加“触摸”变体.
Localized - 添加基于 HTML lang 属性的变体，以仅对某些语言使用实用程序.
Padded Radius - 添加匹配嵌套边界半径的变体.
Fluid - 生成 fl: 变体.
Marker - 为样式列表和提供实用程序<summary> 标记.
Pseudo selectors - 为 Tailwind CSS 默认没有的伪类和伪元素添加变体.
Container Queries - 添加 CSS 容器查询变体.
FormKit - 为 FormKit 添加输入和表单状态的变体.
Debug Screens - 添加一个显示当前活动屏幕的组件（响应断点）.
Heropatterns - 添加 Hero Patterns 组件.
Responsive Embed - 添加一个 responsive-embed 组