ヘッダータグに基本的なスタイルを提供します。例では、6つのヘッダータグのさまざまなサイズを確認できます。

見出しの h1

見出しの h2

見出しの h3

見出しの h4

見出しの h5

見出しの h6

ブロック引用は主に引用や出典を強調するために使用されます。余分なテキスト階層と強調のために使用することもできます。

これはブロック引用タグを使用する引用の例です。
別の行を使用して、さらに大きく見せています。


    <blockquote>
      This is an example quotation that uses the blockquote tag.
    </blockquote>

フローテキストを切り替えます

多くのフレームワークで見られる一般的な欠陥の1つは、本当に応答性の高いテキストに対するサポートがないことです。ページ上の要素のサイズは流動的に変更できますが、テキストはまだ固定ベースでサイズ変更されます。この問題を改善するために、テキストの多いページ用に、ユーザーの読みやすさを最適化するために、テキストのサイズと行の高さを流動的に調整するクラスを作成しました。行の長さは45～80文字の範囲で、行の高さは小さい画面ではより大きくなるように調整されます。

フローテキストのアクションを見るには、ブラウザのサイズをゆっくりと変更して、このテキスト本体のサイズの変化を確認します。上のボタンを使用してフローテキストのオン/オフを切り替えて、違いを確認します。

テキスト本体にフローテキストを使用するには、クラスflow-textをタグに追加します。以下のコードを参照してください。


    <p class="flow-text">I am Flow Text</p>