首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >为什么越来越多的人选择了tailwindcss

为什么越来越多的人选择了tailwindcss

作者头像
程序那些事儿
发布于 2023-03-07 03:25:12
发布于 2023-03-07 03:25:12
9850
举报
文章被收录于专栏:程序那些事儿程序那些事儿

什么是 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 变得有趣,并彻底改变了我构建产品的方式。它快速,高效,使用起来非常愉快。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-04-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 程序那些事儿 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
刚花完天价抢人,如今态度180度转变说AI泡沫?Meta冻结招聘遭网友群嘲:小扎翻脸比翻书快
近日,据外媒消息,Meta 在本周早些时候重组了其人工智能部门后,已冻结招聘。这一举动与 Meta 此前报道的为顶尖人才提供高达 10 亿美元薪酬的计划截然不同,此前数周,该公司已从竞争对手那里挖走了 50 多名人工智能研究人员和工程师,其中包括来自 OpenAI 的 20 名研究人员和工程师,至少 13 名来自谷歌、3 名来自苹果、3 名来自 xAI 以及 2 名来自 Anthropic。
深度学习与Python
2025/08/24
1090
刚花完天价抢人,如今态度180度转变说AI泡沫?Meta冻结招聘遭网友群嘲:小扎翻脸比翻书快
科技巨头工程师年薪揭秘:超40万美元高薪争夺AI人才
根据商业内幕网首次报道的泄露文件,某中心为其顶级工程师提供超过40万美元的年薪,入职股票包价值近200万美元。这些数字凸显了科技巨头为吸引和留住精英工程人才的激烈竞争。
用户11764306
2025/08/26
1020
OpenAI反挖四位特斯拉、xAI、Meta高级工程师,目标星际之门
最近 Meta 挖 AI 人才成了科技圈最大的瓜。有人找到了山姆・奥特曼,问他有关扎克伯格和 Meta 挖人的看法。奥特曼说:还行吧。
机器之心
2025/07/10
1040
OpenAI反挖四位特斯拉、xAI、Meta高级工程师,目标星际之门
开出10亿美元天价,小扎挖人Mira创业公司惨遭拒:俺们不差钱
今日,据外媒 The Wired 的一篇专栏文章报道,扎克伯格这次将目标瞄向了 OpenAI 前首席技术官 Mira Murati 创立的公司 Thinking Machines Lab。
机器之心
2025/08/06
950
开出10亿美元天价,小扎挖人Mira创业公司惨遭拒:俺们不差钱
黄仁勋说的对!Meta绝密AGI梦之队曝光,44人天团一半来自中国
今早,硅谷VC大佬Deedy从一位匿名的Meta员工手中,获取了一份44人「顶尖天才」的绝密名单。
新智元
2025/07/21
1550
黄仁勋说的对!Meta绝密AGI梦之队曝光,44人天团一半来自中国
Meta今年不再招人!小扎还说跳槽越多越好
---- 新智元报道   编辑:袁榭 【新智元导读】2022年5月初,Meta的CFO在公司内部发表备忘录,称今年不再招新人了。 今年早些时候,中年编辑说过:天有四时,物有四劫,互联网科技大厂的新闻每年也会有大量招聘、大量撒钱、财报大喜、裁员大悲的成、住、坏、空四种变化。 不过造化之神从来不爱套路。2022年走到现在,大家都发现互联网科技大厂的新闻快进过了招聘、撒钱、财报壕气冲天的三个阶段,直接到了大手笔裁员的阶段。 CFO与人力负责人同发备忘录,Meta2022年停招人 不过裁员新闻不是中国
新智元
2022/05/09
5370
Meta今年不再招人!小扎还说跳槽越多越好
Altman 嘲讽 Meta 挖走的不是顶尖人才,OpenAI 高管首曝内幕:ChatGPT 如何让我们一夜“封神”
Meta 首席执行官马克・扎克伯格近期的一系列动作引发了轩然大波,其大力招募 AI 人才的举措,直接触动了行业巨头 OpenAI 的神经。
深度学习与Python
2025/07/08
1400
Altman 嘲讽 Meta 挖走的不是顶尖人才,OpenAI 高管首曝内幕:ChatGPT 如何让我们一夜“封神”
OpenAI反驳马斯克指控:纯粹是因为得不到而心生遗憾!
3月4日消息,针对特斯拉CEO埃隆·马斯克(Elon Musk)以违反合同为由起诉OpenAI及其CEO山姆·奥特曼(Sam Altman)一事,近日奥特曼向公司内部发出备忘录称,“未来针对公司攻击不会停止”。OpenAI首席战略官Jason Kwon也回应称,这起诉讼指控可能源于Elon对今日没能参与公司事务的遗憾。
芯智讯
2024/03/06
1510
OpenAI反驳马斯克指控:纯粹是因为得不到而心生遗憾!
小扎豪掷143亿美元赌新「王」!28岁华人亿万富翁入职Meta,与谷歌决裂
Scale AI创始人、年仅28岁的亿万富翁Alexandr Wang亲自发布全员信,确认将离职加盟Meta!
新智元
2025/06/15
1250
小扎豪掷143亿美元赌新「王」!28岁华人亿万富翁入职Meta,与谷歌决裂
小扎疯狂挖角 OpenAI、签约跳槽就发 7 亿奖金,奥特曼痛批:不懂创新,老“复制”人了
最近,Meta 首席执行官马克·扎克伯格(Mark Zuckerberg)掀起了一场疯狂的 AI 人才争夺战。据外媒报道,扎克伯格正在为 Meta 新成立的超级智能团队招募来自竞争对手实验室的顶级人工智能研究人员。为了让员工加入由前 Scale AI 首席执行官 Alexandr Wang 领导的团队,Meta 向 OpenAI 和谷歌 DeepMind 的员工提供 1 亿美元(合约 7.2 亿元人民币)的奖金。
深度学习与Python
2025/06/23
630
小扎疯狂挖角 OpenAI、签约跳槽就发 7 亿奖金,奥特曼痛批:不懂创新,老“复制”人了
模型下载量12亿,核心团队却几近瓦解:算力分配不均、利润压垮创新?
根据 Axios 的报道,Meta 于周二发布了一份内部备忘录,其中首席产品官 Chris Cox 阐述了新的组织架构。该架构将工作划分为两个团队:一个由 Connor Hayes 领导的 AI 产品团队,以及一个由 Ahmad Al-Dahle 和 Amir Frenkel 共同领导的 AGI 基础部门(AGI Foundations )。
深度学习与Python
2025/06/08
1390
模型下载量12亿,核心团队却几近瓦解:算力分配不均、利润压垮创新?
7位数年薪抢人,DeepMind与Facebook人才大战又开火
在加拿大蒙特利尔的一座共享办公大楼里,一间角落办公室里遍布着满是代码的黑色大屏幕。显示器并排堆放着,一个挨着一个,对于Facebook AI实验室(FAIR)加拿大团队的20多名研究科学家和工程师来说,几乎没有足够的空间了。
新智元
2018/12/07
5000
Facebook 在西雅图和匹兹堡建立新AI实验室,业界担心大学人才争夺战烽火再起
---- 新智元编译 作者:Cade Metz 编译:Sean 【新智元导读】Facebook正在西雅图和匹茨堡建立新的AI实验室,欲争夺当地大学人才,此举给大学和非盈利AI研究项目带来了更大的压力。 本周,Facebook CEO马克·扎克伯格在硅谷的一场会议上表示,尽管外界对Facebook处理不实信息和用户个人数据的方式有诸多质疑,但Facebook会“继续努力”。 马克•扎克伯格称人工智能可以帮助Facebook处理一些问题。在人工智能日显重要的时代,这一点毋庸置疑。 Facebook正
新智元
2018/05/29
5370
Facebook 招不到工程师
作者 | Anna Kramer 译者 | 核子可乐 策划 | 刘燕 一位 Facebook 的招聘负责人在内部备忘录中写道,“整个公司目前正面临着人才供需之间的严重失衡,这种感觉糟透了。” Facebook 遇招聘难题 根据一份关于招聘策略与人才挑战的内部备忘录,Facebook 公司显然已经找不到足够的候选人支撑工程技术需求。人才短缺问题目前在湾区尤为严重,并导致 Facebook 始终无法实现 2021 年初的员工招聘目标。 根据 Facebook 向美国证券交易委员会披露的信息,这家社交巨头早在
深度学习与Python
2023/04/01
2310
Facebook 招不到工程师
芯片留“后门”? 英伟达被约谈要求证明H20芯片安全性;微软市值突破4万亿美元!靠AI盈利暴增;谷歌辟谣恢复中国业务 | Q资讯
英伟达因“H20 算力芯片漏洞后门安全风险”被约谈;微软市值突破 4 万亿美元; Google 获准全面恢复在华服务?字节回应绩效调整; TikTok 内部组织架构调整;扎克伯格发文正式告别“默认开源”;谷歌放出 IMO 2025 金牌模型 Gemini 2.5 Deep Think;北京火狐从 9 月 29 日起不再运营 Firefox 在华业务……
深度学习与Python
2025/08/06
2060
芯片留“后门”? 英伟达被约谈要求证明H20芯片安全性;微软市值突破4万亿美元!靠AI盈利暴增;谷歌辟谣恢复中国业务 | Q资讯
刚刚,「吉卜力狂欢」GPT-4o功臣被挖走!华南理工女学霸曾与奥特曼同台
他们重点演示了GPT-4o的图像融合功能,奥特曼表示,很喜欢这个功能,他甚至想要一个生成图片的3D打印版本。
新智元
2025/07/13
990
刚刚,「吉卜力狂欢」GPT-4o功臣被挖走!华南理工女学霸曾与奥特曼同台
小扎突然拆散AI部门,LeCun被迫投身元宇宙,Meta动荡高管持续走人
梦晨 萧箫 发自 凹非寺 量子位 | 公众号 QbitAI Meta高层动荡,还没有停… 整个AI部门曝出重组,就在二号人物桑德伯格(Sheryl Sandberg)宣布辞职后的第二天。 现在AI副总裁Jerome Pesenti,也宣布将在6月晚些时候离开。 同时组织架构层面的一系列变动也浮出水面。 其中最重磅的,原Facebook AI研究院FAIR将并入元宇宙核心部门Reality Labs。 同时,支持旗下各大APP的AI算法团队转移进产品工程团队,AI4AR团队加入XR硬件团队,“负责任人工智能组
量子位
2022/06/07
2520
小扎突然拆散AI部门,LeCun被迫投身元宇宙,Meta动荡高管持续走人
奥特曼百万年薪挖角谷歌TPU人才,欲砸7万亿实现「芯片自由」?OpenAI自研芯片最新进展曝光
目睹了近年来PC和AI行业两次重大的半导体供应危机之后,Sam Altman似乎认为台积电、三星代工和英特尔代工这些传统的芯片制造商没有足够的产能,不能满足全球对AI芯片迅猛增长的需求。
新智元
2024/06/17
1290
奥特曼百万年薪挖角谷歌TPU人才,欲砸7万亿实现「芯片自由」?OpenAI自研芯片最新进展曝光
精彩程度堪比电视剧,马斯克与奥特曼、OpenAI的「爱恨纠缠史」
这位前 OpenAI 联合创始人在一份长达 46 页、总字数超过 1.4 万字的诉讼文件中,指控 OpenAI 不计后果地开发人类级别的人工智能,并将其移交给微软。
机器之心
2024/03/07
1820
精彩程度堪比电视剧,马斯克与奥特曼、OpenAI的「爱恨纠缠史」
紧跟Ilya,OpenAI超级对齐团队负责人官宣离职!内部AGI或实现,全网陷大猜想
Ilya前脚刚离职,OpenAI超级对齐团队负责人Jan Leike,紧接着也官宣了。
新智元
2024/05/22
1720
紧跟Ilya,OpenAI超级对齐团队负责人官宣离职!内部AGI或实现,全网陷大猜想
推荐阅读
刚花完天价抢人,如今态度180度转变说AI泡沫?Meta冻结招聘遭网友群嘲:小扎翻脸比翻书快
1090
科技巨头工程师年薪揭秘:超40万美元高薪争夺AI人才
1020
OpenAI反挖四位特斯拉、xAI、Meta高级工程师,目标星际之门
1040
开出10亿美元天价,小扎挖人Mira创业公司惨遭拒:俺们不差钱
950
黄仁勋说的对!Meta绝密AGI梦之队曝光,44人天团一半来自中国
1550
Meta今年不再招人!小扎还说跳槽越多越好
5370
Altman 嘲讽 Meta 挖走的不是顶尖人才,OpenAI 高管首曝内幕:ChatGPT 如何让我们一夜“封神”
1400
OpenAI反驳马斯克指控:纯粹是因为得不到而心生遗憾!
1510
小扎豪掷143亿美元赌新「王」!28岁华人亿万富翁入职Meta,与谷歌决裂
1250
小扎疯狂挖角 OpenAI、签约跳槽就发 7 亿奖金,奥特曼痛批:不懂创新,老“复制”人了
630
模型下载量12亿,核心团队却几近瓦解:算力分配不均、利润压垮创新?
1390
7位数年薪抢人,DeepMind与Facebook人才大战又开火
5000
Facebook 在西雅图和匹兹堡建立新AI实验室,业界担心大学人才争夺战烽火再起
5370
Facebook 招不到工程师
2310
芯片留“后门”? 英伟达被约谈要求证明H20芯片安全性;微软市值突破4万亿美元!靠AI盈利暴增;谷歌辟谣恢复中国业务 | Q资讯
2060
刚刚,「吉卜力狂欢」GPT-4o功臣被挖走!华南理工女学霸曾与奥特曼同台
990
小扎突然拆散AI部门,LeCun被迫投身元宇宙,Meta动荡高管持续走人
2520
奥特曼百万年薪挖角谷歌TPU人才,欲砸7万亿实现「芯片自由」?OpenAI自研芯片最新进展曝光
1290
精彩程度堪比电视剧,马斯克与奥特曼、OpenAI的「爱恨纠缠史」
1820
紧跟Ilya,OpenAI超级对齐团队负责人官宣离职!内部AGI或实现,全网陷大猜想
1720
相关推荐
刚花完天价抢人,如今态度180度转变说AI泡沫?Meta冻结招聘遭网友群嘲:小扎翻脸比翻书快
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档