重庆网站推广运营,深圳给企业做网站,个人网站制作新手教程,wp博客网站怎么做参考网站安装 - Tailwind CSS 中文网
号称是开始使用 Tailwind CSS
通过 npm 安装 tailwindcss#xff0c;并创建你的 tailwind.config.js 文件。
npm install -D tailwindcss
npx tailwindcss init
在 tailwind.config.js 文件中添加所有模板文件的路径。
/** type {im…参考网站安装 - Tailwind CSS 中文网
号称是开始使用 Tailwind CSS
通过 npm 安装 tailwindcss并创建你的 tailwind.config.js 文件。
npm install -D tailwindcss
npx tailwindcss init
在 tailwind.config.js 文件中添加所有模板文件的路径。
/** type {import(tailwindcss).Config} */
module.exports {content: [./src/**/*.{html,js}],theme: {extend: {},},plugins: [],
} 将 Tailwind 指令添加到你的 CSS
tailwind base;
tailwind components;
tailwind utilities;
启动 Tailwind CLI 构建进程
运行 CLI 工具以扫描模板文件中的类并构建 CSS。
npx tailwindcss -i ./src/input.css -o ./src/output.css --watch开始在你的 HTML 中使用 Tailwind
将已编译的 CSS 文件添加到 head 并开始使用 Tailwind 的工具类来设置内容的样式。
!doctype html
html
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0link href./output.css relstylesheet
/head
bodyh1 classtext-3xl font-bold underlineHello world!/h1
/body
/html
