千年之约（文本动画+帖子CSS样式演示）

马黑黑

红影 发表于 2025-7-28 22:39
这些封装的东西特别好

还行

马黑黑

红影 发表于 2025-7-28 22:39
嗯嗯，曲子好听。配色我一直觉得自己不行，这些可能碰巧了

灵感来了

红影

马黑黑 发表于 2025-7-28 22:38
这是因为视频恰好和背景相当配套

不配套就再稍微调整下就好，应该是没问题呢

红影

马黑黑 发表于 2025-7-28 22:39
还行

把很多情况都考虑进去了

红影

马黑黑 发表于 2025-7-28 22:40
灵感来了

那就假装灵一下了，呵呵，开心

马黑黑

红影 发表于 2025-7-29 13:20
那就假装灵一下了，呵呵，开心

这个不用假装，就是酱的

马黑黑

红影 发表于 2025-7-29 13:19
把很多情况都考虑进去了

考虑不周，请多多关照

马黑黑

红影 发表于 2025-7-29 13:19
不配套就再稍微调整下就好，应该是没问题呢

也是

红影

马黑黑 发表于 2025-7-29 13:23
这个不用假装，就是酱的

主要是，假装好意思一下，其实是不好意思的

红影

马黑黑 发表于 2025-7-29 13:24
考虑不周，请多多关照

瞧这谦虚的样儿，咋那么可气呢

红影

马黑黑 发表于 2025-7-29 13:24
也是

css封装的好处就是可以随便调呢

马黑黑

红影 发表于 2025-7-29 20:07
css封装的好处就是可以随便调呢

现在流行原子化CSS。所谓原子化，就是将不宜再分割的属性单独写一个选择器，使用的时候加 class 就行。例如：

.text-red { color: red; }
.text-size20 { font-size: 20px;  }
.text-size30 { font-size: 30px; }
.text-size60 { font-size: 60px; }
.text-bold { font-weight: bold; }
.text-shadow { text-shadow: 1px 1px 2px #000; }

<div class="text-red text-size30 text-shadow"></div>

封装的样式越多越细，使用时的选择余地就越多。选择器名称尽可能直观到能体现出所定义的内容，这样无需话太多时间去认识选择器。

马黑黑

红影 发表于 2025-7-29 20:06
瞧这谦虚的样儿，咋那么可气呢

红影

马黑黑 发表于 2025-7-29 20:57
现在流行原子化CSS。所谓原子化，就是将不宜再分割的属性单独写一个选择器，使用的时候加 class 就行。例 ...

这个好，设定好这些选择器，用的时候就很方便呢

红影

马黑黑 发表于 2025-7-29 20:57

马黑黑

红影 发表于 2025-7-29 22:10

咋滴啦

马黑黑

红影 发表于 2025-7-29 22:07
这个好，设定好这些选择器，用的时候就很方便呢

缺点是HTML标签的class列表可能会很长

红影

马黑黑 发表于 2025-7-29 22:33
咋滴啦

跟着你一起笑啊，否则你一个人笑多寂寞啊

红影

马黑黑 发表于 2025-7-29 22:34
缺点是HTML标签的class列表可能会很长

虽然长，但想要的都埋好了，用起来方便啊

马黑黑

红影 发表于 2025-7-30 13:59
虽然长，但想要的都埋好了，用起来方便啊

这个自然