W3.CSSのデフォルト

❮ 前次 ❯

W3.CSSは読みやすい

W3.CSSページは、わずかな読書障害のある人でも読みやすいです。

デフォルトのフォントサイズは15pxです
デフォルトのフォントはVerdanaで、文字間隔が適切です。
デフォルトの行間隔（1.5）も非常に優れています

HTML見出し<h1>-<h6>

デフォルトでは、W3.CSSはHTML見出しを次のようにスタイル設定します。

例

<h1>Heading 1 (36px)</h1>

<h2>Heading 2 (30px)</h2>

<h3>Heading 3 (24px)</h3>

<h4>Heading 4 (20px)</h4>

<h5>Heading 5 (18px)</h5>

<h6>Heading 6 (16px)</h6>

フォントサイズクラス

見出しは、それらが何であるかを使用する必要があります。見出し。

W3.CSSでは、フォントサイズは次のw3サイズクラスで設定できます。

例

w3-tiny

w3-small

w3-medium (Default)

w3-large

w3-xlarge

w3-xxlarge

w3-xxxlarge

w3-jumbo

W3.CSSのデフォルトをオーバーライドする

W3.CSSのデフォルト設定を上書きするのは非常に簡単です。

少なくとも3つのオプションがあります。

ページの<head>セクションのデフォルト設定を上書きします
W3.CSSの後に独自のCSSファイルを追加します
W3.CSSファイルの内容をダウンロードして変更します

<head>でオーバーライド

h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}

独自のCSSを追加する

W3.CSSを変更します

h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}

デフォルトフォントの変更

Webページの先頭（またはスタイルシート）で、W3.CSSをロードした後、htmlと本文のスタイルを変更します。

例