GMX.css: 単純なレイアウトを作成する

ブラウザには多くの醜くてスタイルのないコンポーネントが組み込まれているため、単純な Web ページを作成するのは難しい場合があります。ただし、もちろん、CSS を使用してすべてをカスタマイズすることもできます。しかし、スタイルを設定すると時間が無駄になり、アプリケーションの構築に真剣に取り組めなくなる可能性があります。

GMX.css は、マテリアル デザイン ベースの多くの美しいスタイルのコンポーネントと連携する CSS フレームワークで、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>

2 番目に、シンプルなナビゲーションを構築しました。そして対応も本当に丁寧でした！デスクトップでは左と縦に表示されますが、モバイルでは下と横に表示されます。

3 番目に、タイポグラフィとボタンを備えたコンテナを構築しました。ここから学ぶことができます。

GMX.css を使用して簡単な Web アプリを構築できるようになりました。さらに詳しく知りたい場合は、Web サイトにアクセスして、コピーする要素のデモと例を確認してください ??
https://ligmatv.is-a.dev/gmx.css/ (ソースコード)

以上がGMX.css: 単純なレイアウトを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。