tailwind css 是一个实用程序优先的 css 框架，其中包含一些类，可以直接在标记中组合这些类来构建任何设计。
特征：
实用至上：
tailwind css 是一个实用程序优先的 css 框架，它提供低级实用程序类来构建自定义设计，而无需编写 css。这种方法允许我们实现完全自定义的组件设计，而无需编写一行自定义 css。“you are’不要浪费精力发明类名”.
内容清除：
这是从将在生产环境中使用的最终 css 文件中删除未使用的 css 类的过程。这是一个优化过程，最终的 css 尺寸更小，更易于维护并显示出更高的性能。
命令：
下划线：
underline underline-offset-decoration-- //color for underlinedecoration- // size of underlinedecoration- // wavy, double
文字样式
text-- //color of texttext-opacity- //opacity of texttext- //size of texttext- //alignment of text
背景颜色
bg--
边界半径
rounded-
字体样式
font- //mono, serif, sansfont-boldfont-thin
斜体：
italic
能见度
隐藏元素：
hidden
显示（与隐藏相反）：
block
填充
p- /* all sides */px- /* horizontal (left and right) */py- /* vertical (top and bottom) */pl- /* left */pr- /* right */pt- /* top */pb- /* bottom */
保证金
m- /* all sides */mx- /* horizontal (left and right) */my- /* vertical (top and bottom) */ml- /* left */mr- /* right */mt- /* top */mb- /* bottom */
flexbox
flexflex- // row or column
证明内容合理
justify-
对齐项目
items- //start,end,center
响应式设计
sm /* small devices */md /* medium devices */lg /* large devices */xl /* extra large devices */
尺寸
h-w-
边框
borderborder-border-
悬停状态
hover:
以上就是Tailwind 命令备忘单的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1629472.html
微信扫一扫 
支付宝扫一扫 
