GMX.css：创建一个简单的布局

制作一个简单的网页可能很困难，因为浏览器内置了很多丑陋且无样式的组件。当然，您可以使用 CSS 自定义所有内容。但是样式可能会浪费您的时间，让您不认真构建应用程序。

GMX.css，一个 CSS 框架，包含许多基于 Material Design 的漂亮样式组件，您可以更轻松、更快地构建 Web 应用程序。这就是如何使用 GMX.css 制作简单的布局。

首先，您需要导入 CSS 和 Iconify Icon。我们推荐使用 JSDelivr CDN。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LIGMATV/gmx.css@main/gmx.css">
<script src="https://cdn.jsdelivr.net/npm/iconify-icon@2.1.0/dist/iconify-icon.min.js"></script>

其次，我们构建了简单的导航。而且它的反应真的很灵敏！在桌面上，它会以左侧和垂直的方式显示，而在移动设备上，它会以底部和水平的方式显示。

第三，构建一些带有排版和按钮的容器。你可以从这里学习。

您现在可以使用 GMX.css 构建一个简单的 Web 应用程序。如需更多探索，请访问网站查看您要复制的元素的演示和示例??
https://ligmatv.is-a.dev/gmx.css/ (源代码)

以上是GMX.css：创建一个简单的布局的详细内容。更多信息请关注PHP中文网其他相关文章！