为什么越来越多的人开始选择使用tailwindcss
itomcoil 2025-01-05 18:05 36 浏览
什么是 tailwindcss
首先它是一个通用的类 css 框架，它内置了很多方便使用的 class，比如 text-center,pt-4,rotate-90，通过使用这些内置的样式，你可以非常快速地构建出一个网站的雏形。
tailwindcss 从大小，颜色，字体，阴影方面去优化你的界面，你可以通过它们的组合搭配构建出最满意的视觉效果。
强大的的包容性
如果你真的使用过 tailwindcss 的话，你会发现它的包容性非常强，一个固定的 html 结果，你完全可以使用 tailwindcss 的不同样式而构建出不同的网页效果，可以说你写了一套 html 代码，通过 tailwindcss 你就相当于有了好几个不同的主题。
精简代码
可以说随着项目的发展，总是会或多或少遗留一些未使用过的 css 样式，随着时间的积累，它们会越来越大，导致加载速度变慢，导致维护起来也变得困难，不过这些在使用 tailwindcss 的时候完全不存在，tailwindcss 会自动删除未使用的样式，通过处理器删除未使用的 css 之后，大部分的 css 都会变得非常小。
响应式支持
我们知道通过媒体查询是可以实现页面的响应式的，tailwindcss 通过内置不同的宽度前缀样式来实现响应式，tailwindcss 使用移动优先策略，也就是说无前缀的样式所有页面宽度都适用，而有前缀的样式只在特殊的宽度设备上适用。当然，对于 tainwindcss 还支持你自定义媒体查询宽度。
暗黑模式
自从苹果推出了暗黑模式后，现在不管是手机应用，还是网页应用，还是 pc 应用，都会尽量提供暗黑模式，也就是深夜模式。 tailwindcss 是支持暗黑模式的，而且使用非常方便，只需要在样式类前面加上dark:就可以实现。
支持自定义
tailwindcss 之所以被越来越多的人喜欢可不仅仅是它的精心设计的内置样式，而是它支持自定义的样式配置，支持你扩展原来的样式表，从调色板，到间距，到阴影等，你都可以自己去定义，这对于要求高度还原设计的网站绝对是必须的。
编辑器的支持
对于前端工程师来说，vscode 已经成为了标配开发工具，而 tailwindcss 为此提供了智能提示插件，安装了该插件之后，在写 css 的时候你也能体会到自动补全，并且它还会对一些错误的类定义进行语法提示，可以说非常智能。
网友们的评价
一个人说好不算好，需要大家说好才算好，下面总结一些网友们对它的评价。
直到现在才使用 tailwindcss，我觉得我就是白痴。
Tailwindcss 让编写代码感觉就像我在使用设计工具。
Tailwindcss 是这个星球上最伟大的 css 框架。
Tailwindcss 正在弥合设计系统和产品之间的差距。它正在成为事实上的样式 API。
我再也不想写普通的 css 了。只有 tailwindcss。
在我使用它的那一刻我就爱上它了。
Tailwindcss 同时让 css 变得有趣，并彻底改变了我构建产品的方式。它快速，高效，使用起来非常愉快。
相关推荐
- MySQL修改密码_mysql怎么改密码忘了怎么办
-
拥有原来的用户名账户的密码mysqladmin-uroot-ppassword"test123"Enterpassword:【输入原来的密码】忘记原来root密码第一...
- 数据库密码配置项都不加密?心也太大了吧!
-
先看一份典型的配置文件...省略...##配置MySQL数据库连接spring.datasource.driver-class-name=com.mysql.jdbc.Driverspr...
- Linux基础知识_linux基础入门知识
-
系统目录结构/bin：命令和应用程序。/boot：这里存放的是启动Linux时使用的一些核心文件，包括一些连接文件以及镜像文件。/dev：dev是Device(设备)的缩写,该目录...
- MySQL密码重置_mysql密码重置教程
-
之前由于修改MySQL加密模式为mysql_native_password时操作失误，导致无法登陆MySQL数据库，后来摸索了一下，对MySQL数据库密码进行重置后顺利解决，步骤如下：1.先停止MyS...
- Mysql8忘记密码/重置密码_mysql密码忘了怎么办?
-
Mysql8忘记密码/重置密码UBUNTU下Mysql8忘记密码/重置密码步骤如下：先说下大概步骤：修改配置文件，使得用空密码可以进入mysql。然后置当前root用户为空密码。再次修改配置文件，不能...
- MySQL忘记密码怎么办?Windows环境下MySQL密码重置图文教程
-
有不少小白在使用Windows进行搭建主机的时候，安装了一些环境后，其中有MySQL设置后，然后不少马大哈忘记了MySQL的密码，导致在一些程序安装及配置的时候无法进行。这个时候怎么办呢？重置密码呗？...
- 10种常见的MySQL错误，你可中招?_mysql常见错误提示及解决方法
-
【51CTO.com快译】如果未能对MySQL8进行恰当的配置，您非但可能遇到无法顺利访问、或调用MySQL的窘境，而且还可能给真实的应用生产环境带来巨大的影响。本文列举了十种MySQL...
- Mysql解压版安装过程_mysql解压版安装步骤
-
Mysql是目前软件开发中使用最多的关系型数据库，具体安装步骤如下：第一步：Mysql官网下载最新版（mysql解压版（mysql-5.7.17-winx64）），Mysql官方下载地址为：https...
- MySQL Root密码重置指南:Windows新手友好教程
-
如果你忘记了MySQLroot密码，请按照以下简单步骤进行重置。你需要准备的工具：已安装的MySQL以管理员身份访问命令提示符一点复制粘贴的能力分步操作指南1.创建密码重置文件以管理员...
- 安卓手机基于python3搜索引擎_python调用安卓so库
-
环境：安卓手机手机品牌：vivox9s4G运行内存手机软件:utermux环境安装:1.java环境的安装2.redis环境的安装aptinstallredis3.elasticsearch环...
- Python 包管理 3 - poetry_python community包
-
Poetry是一款现代化的Python依赖管理和打包工具。它通过一个pyproject.toml文件来统一管理你的项目依赖、配置和元数据，并用一个poetry.lock文件来锁定所有依赖的精...
- Python web在线服务生产环境真实部署方案，可直接用
-
各位志同道合的朋友大家好，我是一个一直在一线互联网踩坑十余年的编码爱好者，现在将我们的各种经验以及架构实战分享出来，如果大家喜欢，就关注我，一起将技术学深学透，我会每一篇分享结束都会预告下一专题最近经...
- 官方玩梗:Python 3.14(πthon)稳定版发布，正式支持自由线程
-
IT之家10月7日消息，当地时间10月7日，Python软件基金会宣布Python3.14.0正式发布，也就是用户期待已久的圆周率（约3.14）版本，再加上谐音梗可戏称为π...
- 第一篇:如何使用 uv 创建 Python 虚拟环境
-
想象一下，你有一个使用Python3.10的后端应用程序，系统全局安装了a2.1、b2.2和c2.3这些包。一切运行正常，直到你开始一个新项目，它也使用Python3.10，但需要...
- 我用 Python 写了个自动整理下载目录的工具
-
经常用电脑的一定会遇到这种情况：每天我们都在从浏览器、微信、钉钉里下各种文件，什么截图、合同、安装包、临时文档，全都堆在下载文件夹里。起初还想着“过两天再整理”，结果一放就是好几年。结果某天想找一个发...
- 一周热门
- 最近发表
- 标签列表
-
- ps图案在哪里 (33)
- super().__init__ (33)
- python 获取日期 (34)
- 0xa (36)
- super().__init__()详解 (33)
- python安装包在哪里找 (33)
- linux查看python版本信息 (35)
- python怎么改成中文 (35)
- php文件怎么在浏览器运行 (33)
- eval在python中的意思 (33)
- python安装opencv库 (35)
- python div (34)
- sticky css (33)
- python中random.randint()函数 (34)
- python去掉字符串中的指定字符 (33)
- python入门经典100题 (34)
- anaconda安装路径 (34)
- yield和return的区别 (33)
- 1到10的阶乘之和是多少 (35)
- python安装sklearn库 (33)
- dom和bom区别 (33)
- js 替换指定位置的字符 (33)
- python判断元素是否存在 (33)
- sorted key (33)
- shutil.copy() (33)