Leicht zu lesen
W3.CSS Seiten sind leicht zu lesen, auch für Menschen mit geringen Leseschwäche.
- Alle verwendeten Schriften sind leicht lesbar 15px serifenlose Schriften
- Die Standard-Schriftart (Verdana) hat einen sehr guten Buchstabeabstand
- Die Standard-Zeilenabstand (1,5) ist auch sehr gut
HTML Überschriften <h1> - <h6>
Standardmäßig w3.css Arten HTML-Überschriften auf diese Weise:
Beispiel
<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>
Versuch es selber " Font-Größenklassen
Überschriften sollten verwendet werden, was sie sind: Überschriften.
Mit W3.CSS können Schriftgrößen von Klassen festgelegt werden:
Beispiel
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Versuch es selber " Übersteuern der Standards
die W3.CSS Standards Aufschalten ist sehr einfach.
Sie haben mindestens drei einfache Möglichkeiten:
- Außer Kraft setzen den Standard in der <head> Ihrer Seite
- Fügen Sie Ihre eigenen CSS-Datei nach W3.CSS
- Laden und den Inhalt der W3.CSS Datei ändern
Überschreiben Sie in <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;}
Versuch es selber " Fügen Sie Ihre eigenen CSS
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href="myStyle.css">ändern 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}