分类： css
-
2023 告别 CSS 预处理工具，彻底拥抱 TailwindCSS
CSS 是声明式语言，很简单，很好学，但是写起来很累，所有东西都要写出来才能生效。复用方面更是无从下手，虽然大…
-
【视频】如何正确使用 TailwindCSS
TailwindCSS 是一个争议很大的样式库。 他封装了大量原子化的样式，比如 w-4，表示 width: …
-
纯 CSS 实现优惠券效果
（本文不是广告，因为没给钱。）我厂 code.fun 上线了付费购买与优惠券功能，欢迎各位新老顾客莅临。 上面…
-
代码分享：翻转小动画
朋友对我图省事用的 animate.css flipInX 效果不满意，软磨硬泡非要我改成 wordle 原版…
-
正确使用 height: 100% 和 flex: 1
HTML+CSS 实现页面布局的时候，盒模型是很重要的概念。早期没有明确布局概念的时候，HTML 元素主要分两…
-
重发老视频：使用 CSS 制作工序流程图
整理之前录的视频，发现一个漏掉没有上传的： 这个视频里，我演示了如何使用纯 HTML + CSS 制作工序流程…
-
CSS 网页保持全屏并自动伸长
其实是个小需求，以前也搞过很多次，没想到前几天被坑了一下，记一笔。 以前，如果想要页面在内容任意多的时候都能占…
-
诡异的 `height: intrinsic`
我厂最新也是最重要的产品 OpenResty XRay 即将开始邀请测试，所以官网上自然要添加对应的网页。目前…
-
使用 `position: sticky` 的要点
position 属性非常重要，它有五个可选值。“这五个选项是哪些？它们的作用如何？”是我非常喜欢的面试题。以…
-
使用 <wbr> 解决长 URL 的换行问题
问题 我们知道，世界上文字主要有两种：一种是以中文为代表的象形文字；另一种是以英法俄等为代表的拼音语系。前者的…