01 2023 档案

UnoCSS shortcuts 简化 class

摘要：UnoCSS 确实简化了不少样式书写、也降低了 CSS 打包体积，提升了样式使用率。但样式太多的话，class 也写得多，比较费眼。所幸，UnoCSS 提供了 shortcuts 来简化 class，并且可以通过 js 来控制样式的输出，灵活度非常高。 shortcuts 与 rules 不同的是，阅读全文

posted @ 2023-01-21 02:48 Himmelbleu 阅读(549) 评论(0) 推荐(0) 编辑

CSS overflow 设置滚动无效

摘要：<style> .fixed { position: fiexd; } .overflow-auto { overflow: auto; } </style> <div class="fixed overflow-auto"> <div class="item">内容</div> <div clas 阅读全文

posted @ 2023-01-17 21:31 Himmelbleu 阅读(23) 评论(0) 推荐(0) 编辑

结合 UnoCSS 对原子化 CSS 的理解

摘要：# CSS 样式太多，重复写在学习 UnoCSS 之前，我提出几个问题： 1. 你是否有过写完了 HTML 之后，跳转到 style 写 CSS 这样来回跳转的痛苦？ 2. 你是否有过不知道如何给节点取类名的痛苦（有的节点确实没啥必要取类名，但就是需要写 CSS）？ 3. 你是否有过管理重复、繁杂阅读全文

posted @ 2023-01-11 14:49 Himmelbleu 阅读(968) 评论(6) 推荐(6) 编辑