制作一个简单的网页可能很困难,因为浏览器内置了很多丑陋且无样式的组件。当然,您可以使用 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中文网其他相关文章!