W3.Domyślne ustawienia CSS
W3.CSS jest łatwy do odczytania
Strony W3.CSS są łatwe do odczytania, nawet dla osób z lekkimi trudnościami w czytaniu.
- Domyślny rozmiar czcionki to 15px
- Domyślną czcionką jest Verdana, która ma dobre odstępy między literami
- Domyślny odstęp między wierszami (1.5) jest również bardzo dobry
Nagłówki HTML <h1> - <h6>
Domyślnie W3.CSS stylizuje nagłówki 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>
Klasy wielkości czcionek
Nagłówki powinny być używane do tego, czym są: Nagłówki.
W W3.CSS rozmiary czcionek można ustawić według następujących klas rozmiarów w3 :
Przykład
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Zastępowanie domyślnych ustawień W3.CSS
Nadpisanie domyślnych ustawień W3.CSS jest bardzo łatwe.
Masz co najmniej trzy opcje:
- Zastąp ustawienia domyślne w sekcji <head> swojej strony
- Dodaj własny plik CSS po W3.CSS
- Pobierz i zmień zawartość pliku W3.CSS
Zastąp w<głowa>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Dodaj własny CSS
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/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}
Zmiana domyślnej czcionki
W nagłówku swojej strony internetowej (lub w arkuszu stylów), po załadowaniu W3.CSS, zmień styl html i body:
Przykład
<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>