W3.CSS Varsayılanları
W3.CSS'nin Okunması Kolaydır
W3.CSS sayfalarının okunması, hafif okuma güçlüğü olan kişiler için bile kolaydır.
- Varsayılan yazı tipi boyutu 15 pikseldir
- Varsayılan yazı tipi, iyi bir harf aralığına sahip olan Verdana'dır.
- Varsayılan satır aralığı (1.5) da çok iyi
HTML Başlıkları <h1> - <h6>
Varsayılan olarak, W3.CSS HTML başlıklarını şu şekilde biçimlendirir:
Örnek
<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>
Yazı Tipi Boyutu Sınıfları
Başlıklar oldukları gibi kullanılmalıdır: Başlıklar.
W3.CSS ile yazı tipi boyutları aşağıdaki w3- boyut sınıfları tarafından ayarlanabilir:
Örnek
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
W3.CSS Varsayılanlarını Geçersiz Kılma
W3.CSS varsayılan ayarlarını geçersiz kılmak çok kolaydır.
En az üç seçeneğiniz var:
- Sayfanızın <head> bölümündeki varsayılan ayarları geçersiz kılın
- W3.CSS'den sonra kendi CSS dosyanızı ekleyin
- W3.CSS dosyasının içeriğini indirin ve değiştirin
<head> içinde geçersiz kıl
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Kendi CSS'nizi ekleyin
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
W3.CSS'yi değiştir
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
Varsayılan Yazı Tipini Değiştirme
Web sayfanızın başlığında (veya stil sayfanızda), W3.CSS'yi yükledikten sonra html ve gövde stilini değiştirin:
Örnek
<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>