Maison > interface Web > tutoriel CSS > GMX.css : créer une mise en page simple

GMX.css : créer une mise en page simple

Patricia Arquette
Libérer: 2024-12-14 09:32:10
original
212 Les gens l'ont consulté

GMX.css: Create a simple layout

Créer une page Web simple peut être difficile, à cause de nombreux composants laids et sans style intégrés par le navigateur. Mais bien sûr, vous pouvez tout personnaliser avec CSS. Mais le style peut vous faire perdre du temps et vous empêcher de créer des applications au sérieux.

GMX.css, un framework CSS qui contient de nombreux composants stylés et basés sur Material Design, vous pouvez créer vos applications Web plusieurs fois plus facilement et plus rapidement. C'est ainsi que vous pouvez créer une mise en page simple avec GMX.css.

Tout d'abord, vous devez importer le CSS et l'icône Iconify. Nous avons recommandé d'utiliser le CDN JSDelivr.

<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>
Copier après la connexion

Deuxièmement, nous avons construit la navigation simple. Et en plus c'était vraiment réactif ! Sur ordinateur, il s'affichera à gauche et verticalement, tandis que sur mobile, il s'affichera en bas et horizontalement.

Troisièmement, j'ai construit un conteneur avec une typographie et un bouton. Vous pouvez apprendre d'ici.

Vous pouvez désormais créer une application Web simple avec GMX.css. Pour en savoir plus, visitez le site Web pour voir les démos et les exemples des éléments que vous souhaitez copier ??
https://ligmatv.is-a.dev/gmx.css/ (Code source)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal