📦 Tailwind CSS — 响应式设计、暗黑模式和配置的实用类

v?

使用 Tailwind CSS 实用类,轻松实现响应式设计、暗黑模式切换和自定义配置,提升前端开发效率。

5· 2.3k·0 当前·0 累计
0

运行时依赖

无特殊依赖

安装命令

点击复制
官方npx clawhub@latest install tailwindcss
镜像加速npx clawhub@latest install tailwindcss --registry https://cn.longxiaskill.com

技能文档

简介

Tailwind CSS 是一个流行的实用类 CSS 框架,帮助您快速构建响应式、可定制的用户界面。

主要功能

  • 响应式设计:轻松创建跨设备兼容的布局
  • 暗黑模式:一键切换暗黑主题,提升用户体验
  • 自定义配置:通过 tailwind.config.js 定制您的 CSS 体验

快速开始

npm install tailwindcss
然后,在您的 CSS 文件中导入 Tailwind:
@tailwind base;
@tailwind components;
@tailwind utilities;

配置

创建并编辑 tailwind.config.js 以满足您的项目需求:
module.exports = {
  // 你的配置选项
};

示例

查看 官方文档 获取更多示例和指南。

数据来源ClawHub ↗ · 中文优化:龙虾技能库