Ultimele tutoriale de dezvoltare web
 

W3.CSS Tipografie


Ușor de citit

Paginile W3.CSS sunt ușor de citit, chiar și pentru persoanele cu dizabilități ușoare de citire.

  • Toate fonturile folosite sunt ușor de fonturi care pot fi citite 15px sans-serif
  • Fontul standard de (Verdana) are o distanță literă foarte bună
  • Standardul liniei spațierea (1.5) , este de asemenea foarte bun

HTML Pozițiile <h1> - <h6>

Prin rubrici stiluri w3.css HTML implicite în acest fel:

Exemplu

<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>
Încearcă - l singur »

Clasele Font-size

Titlurile trebuie să fie utilizate pentru ceea ce sunt: ​​Rubricile.

Cu W3.CSS, dimensiunile fontului pot fi setate pe clase:

Exemplu

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Încearcă - l singur »

Supracomanda Standardele

Supracomanda standardele W3.CSS este foarte ușor.

Ai cel puțin trei opțiuni simple de:

  1. Suprascria standard în <head> secțiunea a paginii
  2. Adauga propriul fișier CSS după W3.CSS
  3. Descărcați și modificați conținutul fișierului W3.CSS

Suprascriu în <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;}
Încearcă - l singur »

Adauga propriul tau CSS

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

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