秋水无恙

马黑黑

红影 发表于 2022-10-19 09:32
background: green url('图片') no-repeat -30px  -35px;
这个都是要用负值的么？这种取任意位置的方式 ...

元素不动，图片偏移。往哪偏移？往左去，所以，原来是从 {0，0} 开始的，现在呢，要从图片的里面某处开始，就得用负值。

马黑黑

加林森 发表于 2022-10-19 12:40
我还得继续去学习才行。

这个本身不难，难的是，怎么把东西往里塞

小辣椒

这个好像播放器也是特别喜欢的那种，制作还得晚上仔细看看

相约爱晚亭

欣赏佳作！对于初学者来说，最好黑黑老师能出个教程，给出各个单个元素代码，比如帖子背景、播放器按钮、动画、歌词同步等，让大家能自由组合成自己创作的新帖。

加林森

马黑黑 发表于 2022-10-19 12:41
这个本身不难，难的是，怎么把东西往里塞

嗯嗯。慢慢熟悉吧。

小辣椒

马黑黑 发表于 2022-10-19 07:46
grid-template-rows: repeat(2, 4fr) 1fr;
        grid-template-columns: repeat(3, 1fr);

黑黑我发现这样分了后，加效果必须要固定位置不能随便移动了，昨天晚上我后来又用了id加效果了

马黑黑

小辣椒 发表于 2022-10-19 12:48
黑黑我发现这样分了后，加效果必须要固定位置不能随便移动了，昨天晚上我后来又用了id加效果了

关键是子项目里的元素，如果需要，则应定义为 position: absolute; 后，移动它们的位置；那么，子项目，也要设定 position: relative。

马黑黑

加林森 发表于 2022-10-19 12:45
嗯嗯。慢慢熟悉吧。

单单做框架都简单

马黑黑

相约爱晚亭 发表于 2022-10-19 12:45
欣赏佳作！对于初学者来说，最好黑黑老师能出个教程，给出各个单个元素代码，比如帖子背景、播放器按钮、动 ...

这类东东呢，之前都一一介绍过的，一路走来的。我也是假设大家都明白了这些的。现在的重点只是 grid 布局的实际应用。

相约爱晚亭

现在是高级班课程了，初级班归纳整理一个系列合集，方便后来者学习可否？

梦油

马黑黑 发表于 2022-10-19 12:11
中午好

你好，黑黑朋友。我虽然不懂代码等，但我可以看出，你的教授很细心，也很耐心。

马黑黑

梦油 发表于 2022-10-19 15:27
你好，黑黑朋友。我虽然不懂代码等，但我可以看出，你的教授很细心，也很耐心。

还行还行

梦油

马黑黑 发表于 2022-10-19 18:10
还行还行

黑黑朋友谦虚啦！

马黑黑

梦油 发表于 2022-10-19 18:12
黑黑朋友谦虚啦！

应该的应该的

马黑黑

相约爱晚亭 发表于 2022-10-19 13:41
现在是高级班课程了，初级班归纳整理一个系列合集，方便后来者学习可否？

没有时间呀

小辣椒

马黑黑 发表于 2022-10-19 13:06
关键是子项目里的元素，如果需要，则应定义为 position: absolute; 后，移动它们的位置；那么，子项目， ...

这个还得再实践几次才会运用好

红影

马黑黑 发表于 2022-10-19 12:12
都可以，绝对哪种上手或方便就用哪一种写法。至于空格和逗号，最好能记下来，记不准也没关系：实际使用时 ...

嗯嗯，我每次跟着多看几遍，慢慢就记住了

红影

马黑黑 发表于 2022-10-19 12:13
它们与荷叶差不多融为一体了

是啊，一开始都没注意到，说明还是很不明显的。

红影

马黑黑 发表于 2022-10-19 12:14
词曲都极有力道，演唱火候略欠

嗯，歌词特别好

红影

马黑黑 发表于 2022-10-19 12:41
元素不动，图片偏移。往哪偏移？往左去，所以，原来是从 {0，0} 开始的，现在呢，要从图片的里面某处开始 ...

“元素不动，图片偏移。”原来是这样，嗯，知道为什么是负数了。