tutorial pengembangan web terbaru
 

W3.CSS Tipografi


Mudah dibaca

halaman W3.CSS mudah dibaca, bahkan untuk orang-orang cacat membaca sedikit.

  • Semua font yang digunakan mudah font dibaca 15px sans-serif
  • Font standar (Verdana) memiliki surat spasi sangat baik
  • Standar line-spacing (1,5) juga sangat baik

HTML Pos <h1> - <h6>

Secara default judul gaya w3.css HTML cara ini:

Contoh

<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>
Cobalah sendiri "

Font-Size Kelas

Judul harus digunakan untuk apa yang mereka: judul.

Dengan W3.CSS, ukuran font dapat diatur oleh kelas:

Contoh

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Cobalah sendiri "

Override Standar

Melebihi standar W3.CSS sangat mudah.

Anda punya setidaknya tiga pilihan sederhana:

  1. Override standar dalam <head> halaman Anda
  2. Menambahkan file CSS Anda sendiri setelah W3.CSS
  3. Download dan mengubah isi dari file W3.CSS

Menimpa di <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;}
Cobalah sendiri "

Tambahkan CSS Anda sendiri

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet" href="myStyle.css">

perubahan 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}