Heim > Web-Frontend > CSS-Tutorial > GMX.css: Erstellen Sie ein einfaches Layout

GMX.css: Erstellen Sie ein einfaches Layout

Patricia Arquette
Freigeben: 2024-12-14 09:32:10
Original
213 Leute haben es durchsucht

GMX.css: Create a simple layout

Das Erstellen einer einfachen Webseite kann schwierig sein, da der Browser viele hässliche und unformatierte Komponenten integriert. Aber natürlich können Sie alles mit CSS anpassen. Aber Styling kann Ihre Zeit verschwenden und dazu führen, dass Sie die Erstellung von Anwendungen nicht ernst nehmen.

GMX.css, ein CSS-Framework, das viele schön gestaltete Komponenten auf Basis von Material Design enthält, ermöglicht Ihnen die Erstellung Ihrer Web-Apps um ein Vielfaches einfacher und schneller. So können Sie mit GMX.css ein einfaches Layout erstellen.

Zuerst müssen Sie das CSS und Iconify Icon importieren. Wir empfehlen die Verwendung des 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>
Nach dem Login kopieren

Zweitens haben wir die einfache Navigation erstellt. Und es war auch wirklich reaktionsschnell! Auf dem Desktop wird es links und vertikal angezeigt, während es auf Mobilgeräten unten und horizontal angezeigt wird.

Drittens habe ich einen Container mit Typografie und Schaltfläche gebaut. Hier können Sie lernen.

Mit GMX.css können Sie jetzt eine einfache Web-App erstellen. Für weitere Informationen besuchen Sie die Website, um sich die Demos und Beispiele der Elemente anzusehen, die Sie kopieren möchten ??
https://ligmatv.is-a.dev/gmx.css/ (Quellcode)

Das obige ist der detaillierte Inhalt vonGMX.css: Erstellen Sie ein einfaches Layout. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage