Materialise CSS のブレッドクラムにはどのようなカテゴリがありますか?

Materialize は、古典的な原則を使用し、それらをイノベーションやテクノロジーと組み合わせたデザイン用の CSS フレームワークです。 Materialise の作成者は Google で、使用しているプラ​​ットフォームに関係なく、すべてのユーザーにあらゆる種類の製品で統一されたユーザー エクスペリエンスを提供するデザイン システムを開発しました。ブレッドクラムは、Web サイトまたは Web アプリケーションに多数のレベルがある場合に、主にユーザーの現在位置を表示するために使用される、Materialize CSS に組み込まれているコンポーネントです。

この記事では、materialize CSS のブレッドクラムのクラスについて見ていきます?

Materize CSS のブレッドクラム カテゴリ

Materialise CSS に存在する CSS クラスは、パンくずリストを簡単に作成するために使用されます。使用されるクラスには -

が含まれます

ブレッドクラムクラス -ブレッドクラムクラスは、最後のアンカータグがアクティブであり、残りがグレー表示されていることを示すために使用されます。

nav-wrapper class -このクラスは、ナビゲーションのコンポーネントをパンくずリストに設定するために使用されます。

Materize CSS でブレッドクラムを作成するための構文を見てみましょう

＃＃＃構文＃＃＃ リーリー

上記の例では、最初に nav タグを開いてクラス nav-wrapper を作成し、その後 3 つの異なるアンカー タグを作成してパンくずクラスを指定したことがわかります。

ブレッドクラム ナビゲーションの概念をより深く理解するために、例を見てみましょう

Example

の中国語訳は次のとおりです:

Example

この例では、単純なブレッドクラムを作成するアプローチが取られます。これは、HTML がブレッドクラム ページを指すことを意味します。コードを見てみましょう

リーリー

上記の例では、「nav」要素内にある要素を固定するのに役立つ「breadcrumb」クラスを使用しました。ユーザーは、「シアン」や「ライトブルー」などのさまざまなクラスを使用してパンくずリストの色を変更できます。また、パンくずリストの位置を右に変更したい場合は、「右」クラスを使用できます。

Note

− マテリアライズ CSS をインストールするにはさまざまな方法があります。1 つの方法は、マテリアライズ CSS の公式 Web サイトにアクセスし、マテリアライズをダウンロードする必要がある利用可能な最新バージョンをダウンロードすることです。プロジェクトが保存されているディレクトリ内の min.js とmaterialize.min.css。

マテリアライズ CSS をインストールまたは使用する 2 番目の方法は、CDN バージョンを使用し、これらの CDN リンクをスクリプト タグ内に含めることです。その後、マテリアライズ CSS のすべての機能を使用できるようになります。 マテリアライズ CSS のブレッドクラムのカテゴリを理解するために別の例を見てみましょう

Example

の中国語訳は次のとおりです:

Example

この例では、アクティブなブレッドクラムの現在の場所を使用して、単純なブレッドクラムを作成します。

パンくずリストを作成するコードは次のとおりです:

リーリー

上記のコードでは、まずマテリアライズ CSS CDN といくつかの外部フォントを追加し、次に HTML コードを開始し、その中でブレッドクラム クラスを使用し、3 つのリンクを追加してから、ナビ ラッパーを変更しました。

マテリアライズCSSとは何ですか?

Materialize CSS は、マテリアル デザインに基づいたフロントエンド フレームワークであり、開発者がカスタム コンポーネント、アニメーション、トランジションを使用できるため応答性が高く、フレームワークがユーザーにすべてのコンポーネントにわたって応答性の高いシステムを提供するため、ユーザー エクスペリエンスに重点を置いています。ユーザーが利用できるプラットフォーム。

CSS の実装にはさまざまなテーマがあり、使いやすいように詳細な例が用意されています。

＃＃＃結論＃＃＃

Materialize CSS は、デザインとイノベーションおよびテクノロジーを組み合わせた言語で、すべてのプラットフォームに洗練されたユーザー エクスペリエンスを提供するために Google によって設計されました。ブレッドクラムは、Materialize CSS に組み込まれているコンポーネントです。コンテンツが大量にある場合は、さまざまなクラスを使用してパンくずリストを簡単に作成できます。

この記事では、マテリアライズ CSS のパンくずリストのクラスとマテリアライズ CSS とは何かについて説明しました。

以上がMaterialise CSS のブレッドクラムにはどのようなカテゴリがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。