Výchozí nastavení W3.CSS
W3.CSS je snadno čitelný
Stránky W3.CSS jsou snadno čitelné i pro osoby s lehkým postižením čtení.
- Výchozí velikost písma je 15 pixelů
- Výchozí písmo je Verdana, které má dobré mezery mezi písmeny
- Výchozí řádkování (1,5) je také velmi dobré
HTML nadpisy <h1> - <h6>
Ve výchozím nastavení W3.CSS styluje záhlaví HTML takto:
Příklad
<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>
Třídy velikosti písma
Nadpisy by se měly používat pro to, čím jsou: Nadpisy.
S W3.CSS lze velikosti písma nastavit pomocí následujících tříd velikosti w3 :
Příklad
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Přepsání výchozích nastavení W3.CSS
Přepsání výchozího nastavení W3.CSS je velmi snadné.
Máte alespoň tři možnosti:
- Přepište výchozí nastavení v části <head> vaší stránky
- Přidejte svůj vlastní soubor CSS za W3.CSS
- Stáhněte a změňte obsah souboru W3.CSS
Přepsat v<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;}
Přidejte svůj vlastní CSS
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Změňte 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}
Změna výchozího písma
V hlavičce vaší webové stránky (nebo ve vaší šabloně stylů) po načtení W3.CSS změňte styl html a těla:
Příklad
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>