php怎么嵌入css(php和css哪个好)

这是展示广告或为自己的内容添加促销块的完美方式。它还为您的布局提供了一个有趣的视觉突破，从重复的网格中脱颖而出。

为了更好地理解我们将要构建的内容，有一个随附的演示。但是，由于此演示使用一些PHP代码，因此需要服务器才能运行。

可以从此 GitHub 存储库下载项目文件(https://github.com/tutsplus/How-to-Embed-Random-Content-Inside-a-Grid-Layout)。

通过服务器运行演示，请注意两件事：

在前面的教程中，我们使用自己的标记重新创建了一个这样的教程列表。

我们使用简单的HTML来构建结构。自动化并将数据内容存储在 PHP 数组中。在这里，我们将使用 PHP，但无论语言或 CMS/框架如何，逻辑都将保持不变。我们应该遍历源代码并检索帖子。

我们的数据内容格式如下所示：

这是我们的循环逻辑：

如前所述，根据你将要使用的语言或CMS，情况会发生变化。例如，WordPress有一个用于所有主要查询的 内置循环 。

除了标记之外，我们还将保留上一教程中的大多数样式。我们只会进行一些更改以使布局响应。

以下是所有样式：

现在让我们假设我们要在网格内放置横幅。在这种情况下，我们只会使用图片横幅，但在您的情况下，您可以插入来自不同来源的广告、轮播、视频或您喜欢的任何其他内容。

我们的横幅必须满足以下要求：

下面是我们想要生成的布局示例：

如前所述，横幅将随机出现，因此在另一个页面加载时，我们可能会看到不同的横幅，如下所示：

为了实现此行为，我们将使用不同的 PHP 数组函数（、 array_diff 、 array_push ）。 array_keysarray_rand

让我们记下我们将遵循的步骤：

以下是负责此功能的 PHP 代码：

以及我们横幅的附加 CSS：

就是这样，伙计们！我希望你和我一样喜欢这个小练习，它给了你一些关于如何在网格布局中嵌入广告项目的想法。此外，通过以我们在此处介绍的方式使用模运算符 （），您可以创建具有动态模式的多列布局。

与往常一样，非常感谢您的阅读！

本文链接：https://www.24zzc.com/news/169433847532099.html