最新のWeb開発のチュートリアル
 

W3.CSS組版


読みやすいです

W3.CSSページがあってもわずかな読書障害を持つ人々のために、読みやすいです。

  • 使用されているすべてのフォントを簡単に読み込み可能な15ピクセルのサンセリフのフォントです
  • 標準フォント(MS Pゴシック)は、非常に良好な文字間隔を持っています
  • 標準的なライン間隔(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-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
»それを自分で試してみてください

標準のオーバーライド

W3.CSS基準をオーバーライドすることは非常に簡単です。

あなたは、少なくとも3つの簡単なオプションを持って:

  1. ページの<head>セクションに標準を上書きします
  2. W3.CSS後に独自のCSSファイルを追加します。
  3. ダウンロードしW3.CSSファイルの内容を変更します

<ヘッド>でオーバーライド

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を追加します。

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet" href="myStyle.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}