Najnowsze tutoriale tworzenie stron internetowych
 

W3.CSS Typografia


Czytelny

stron W3.CSS są łatwe do odczytania, nawet dla osób z lekkim stopniem upośledzenia czytania.

  • Wszystkie czcionki używane są łatwe czytelne czcionki serif 15px
  • Standardowa czcionka (Verdana) ma bardzo dobre odstępy między literami
  • Standardowa linia odstępy (1.5) jest również bardzo dobra

HTML Nagłówki <h1> - <h6>

Domyślnie pozycjach style w3.css HTML w ten sposób:

Przykład

<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>
Spróbuj sam "

Font-size Klasy

Nagłówki powinny być wykorzystywane do czego to: Nagłówki.

Z W3.CSS, rozmiary czcionek można ustawić na klasy:

Przykład

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Spróbuj sam "

Zastępowanie Standardy

Nadrzędnych norm W3.CSS jest bardzo proste.

Masz co najmniej trzy proste opcje:

  1. Przestawianie standard w sekcji <head> swojej stronie
  2. Dodaj własny plik CSS po W3.CSS
  3. Pobierz i zmienić zawartość pliku W3.CSS

Przestawianie w <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;}
Spróbuj sam "

Dodaj swoją CSS

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

Zmień 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}