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中文網其他相關文章！