W3.CSS İndirmeleri
W3.CSS'yi indirin
W3.CSS'yi bu bağlantıdan indirin: https://www.w3schools.com/w3css/4/w3.css
W3.CSS Ücretsizdir
W3.CSS'nin kullanımı ücretsizdir. Lisans gerekli değildir.
W3.CSS nasıl kullanılır
W3.CSS'yi kullanmak için web sayfalarınıza "w3.css" bağlantısını eklemeniz yeterlidir:
Örnek
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
Veya w3.css dosyasını indirin ve kendi web sitenizden çalıştırın:
Örnek
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
w3.css dosyasını bir alt klasöre koyarsanız, klasör adını eğik çizgiler arasına ekleyin:
Örnek
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
Web'inizin köküne w3.css yerleştirirseniz, bir eğik çizgi ekleyin:
Örnek
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
değişiklik günlüğü
4.13 sürümünü bu bağlantıdan indirin: https://www.w3schools.com/w3css/4/w3.css
| Görmek | Tarih | Açıklama |
|---|---|---|
| 4.15 | 12/2020 | w3-sans-serif w3-cursive w3-monospace ile w3-serif eklendi |
| 4.14 | 11/2020 | w3 -padding-top-64 w3-padding-top-48 ile w3-padding-top-32 w3-padding-top-24 eklenmiş |
| 4.13 | 06/2019 | Normalize.css'deki küçük değişikliklere uyarlandı |
| 4.12 | 11.11.2018 | w3-streç eklendi |
| 4.11 | 10/2018 | w3-auto eklendi Değişen kenar boşluğu:w3 içeriğinde sol kenar boşluğu:otomatik ve sağ kenar boşluğu:oto olarak değiştirildi |
| 4.10 | 02/2018 | w3-bar ve w3-bar-block'taki w3-bar-itemine "outline:0" eklendi |
| 4.09 | 12/2017 | Düğmelerden "anahat:0" kaldırıldı |
| 4.08 | 10/2017 | w3-dropdown-content'e "z-index:1" eklendi |
| 4.07 | 08/2017 | Resimlere "dikey hizalama:orta" eklendi |
| 4.06 | 08/2017 | Kenarlıklara, üzerine gelinebilir kenarlıklara ve üzerine gelinebilir metne sürüm 3 renk sınıfları eklendi |
| 4.05 | 06/2017 | w3-responsive'a "display:block" eklendi |
| 4.04 | 04/2017 | w3-bar-block içindeki w3-bar-itemine "float:none" eklendi |
| 4.03 | 03/2017 | "w3-col m3" içindeki küçük bir hata düzeltildi |
| 4.02 | 03/2017 | Sürüm 3 metin renkleri eklendi |
| 4.01 | 03/2017 |
Gri/gri rengi aydınlattı Bazı kenarlık rengi hataları düzeltildi |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
GitHub Deposu
GitHub deposu: https://github.com/JaniRefsnes/w3css
W3.CSS'nin Doğrulanması
W3.CSS'yi doğrulamak bazı hatalar verebilir.
W3C doğrulamalarını çalıştırdığınızda genellikle bazı hatalar alırsınız.
Mevcut W3C spesifikasyonunun dışında her zaman tarayıcıya özgü bazı değerler olacaktır.
| Mülk | Açıklama |
|---|---|
| işaretçi olayları | CSS3'te geçersiz özellik, ancak CSS4 için önerilir. Devre dışı bırakılmış öğelerden el işaretçisini kaldırmak için W3.CSS'de kullanılır. |
| kullanıcı seçimi | CSS3'te geçersiz özellik, ancak CSS4 için önerilir. Tıklanabilir öğelerden metin seçimini kaldırmak için W3.CSS'de kullanılır. |
| sözde sınıf : geçerli | CSS3'te geçersiz değer, ancak CSS4 için önerilir. Geçerli girişi belirtmek için W3.CSS'de kullanılır. |
| @-webkit-ana kareler | Animasyonların web seti tarayıcılarında (Chrome, Safari ve Opera'nın eski sürümleri) çalışmasını sağlamak için W3.CSS'ye eklendi. |
W3.CSS'yi özelleştirin
W3.CSS, temel yazı tiplerini ve yazı tipi boyutlarını içerir.
Bu ayarları değiştirerek W3.CSS'yi özelleştirebilirsiniz:
Örnek
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
W3.CSS Normalleştirildi
Bir stil sayfasını normalleştirme şu şekilde yapılır:
- Tarayıcı hatalarını düzeltin
- Tarayıcı tutarsızlıklarını kaldırın
- Ortak tarayıcı varsayılanlarını sağlayın
- Tüm HTML öğelerinin stillerini normalleştirin
- CSS geliştirmeleri ekleyin
W3.CSS'de Normalize.css'den bir alıntı kullanılır.
Bu, W3.CSS'nin HTML'yi tüm tarayıcılarda tutarlı bir şekilde ve modern web standartlarına uygun hale getirmesini sağlar.