Rumah >hujung hadapan web >tutorial css >GMX.css: Buat reka letak yang mudah
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!