製作一個簡單的網頁可能很困難,因為瀏覽器內建了許多醜陋且無樣式的元件。當然,您可以使用 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中文網其他相關文章!