Rumah >hujung hadapan web >tutorial css >GMX.css: Buat reka letak yang mudah

GMX.css: Buat reka letak yang mudah

Patricia Arquette
Patricia Arquetteasal
2024-12-14 09:32:10216semak imbas

GMX.css: Create a simple layout

Membuat halaman web yang ringkas boleh menjadi sukar, kerana banyak komponen hodoh dan tidak bergaya dibina dalam oleh penyemak imbas. Tetapi sudah tentu, anda boleh menyesuaikan semuanya dengan CSS. Tetapi penggayaan boleh membuang masa anda, membuatkan anda tidak serius untuk membina aplikasi.

GMX.css, rangka kerja CSS yang disertakan dengan banyak komponen gaya yang cantik dengan berasaskan Reka Bentuk Bahan, anda boleh membina apl web anda berkali-kali lebih mudah dan lebih pantas. Beginilah cara anda boleh membuat reka letak yang ringkas dengan GMX.css.

Pertama, anda perlu mengimport CSS dan Ikon Iconify. Kami mengesyorkan untuk menggunakan 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>

Kedua, kami membina navigasi mudah. Dan juga ia sangat responsif! Dalam desktop, ia akan ditunjukkan di kiri dan menegak, manakala dalam mudah alih, ia akan ditunjukkan di bahagian bawah dan mendatar.

Ketiga, bina beberapa bekas dengan tipografi dan butang. Anda boleh belajar dari sini.

Anda kini boleh membina apl web ringkas dengan GMX.css. Untuk penerokaan lanjut, lawati tapak web untuk melihat tunjuk cara dan contoh elemen yang ingin anda salin ??
https://ligmatv.is-a.dev/gmx.css/ (Kod sumber)

Atas ialah kandungan terperinci GMX.css: Buat reka letak yang mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn