İndir W3.CSS
Bu bağlantıdan son sürümünü indirin http://www.w3ii.com/lib/w3.css
W3.CSS Ücretsiz olan
W3.CSS kullanmak serbesttir. Hiçbir lisans gereklidir.
W3.CSS kullanmak için nasıl
W3.CSS kullanmak için, sadece bir bağlantı eklemek "w3.css" web sayfalarında:
Örnek
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://www.w3ii.com/lib/w3.css"> Kendin dene " Ya w3.css indirmek ve kendi web sitesinden ç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"> Eğer bir alt klasöründe w3.css koyarsanız, eğik çizgiler arasında klasör adını 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"> Eğer web kökünde w3.css yerleştirirseniz, eğik çizgi eklemeniz
Örnek
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Son Sürümleri
| versiyon | Açıklama |
|---|---|
| 2.6 | Sürüm 2.6 Mayıs 2016 İndir 2.6 |
| 2.52 | Eklenen w3-padding-hor ve w3-padding-ver |
| 2.5 | Sürüm 2.5 Nisan 2016 İndir 2.5 |
| 2.5 | Düzeltilmiş küçük geçiş değerleri, |
| 2.4 | Eklenen w3-threequarter Eklenen w3-ekran-topmiddle ve w3-ekran-bottommiddle Eklenen w3-şeffaf ve w3-vurgulu-hiçbiri 4 ila 1.5 saniye arasında w3-hareketlendirmek-opaklık değiştirildi animasyon süresi |
| 2.3 | medya sorguları Sabit küçük piksel hataları W3-border- renge tüm renk sınıfları eklendi |
| 2.2 | % 100 genişliği eklendi <li> küçük ekranlarda w3-gezinme çubuğu elemanları (< 601px width) . |
| 2.1 | w3-vurgulu-gölge eklendi. Eklenen w3-vurgulu-metin-renk. W3-modal arasında değiştirilen Z-endeksi "3" (instead of 1) . |
| 2.0 | Şubat 2016 İndir 2.0 |
| 1.99 | Eklenen w3-Ana ve w3-çöküş. w3-serif eklendi. w3-bindirme eklendi. w3-progressbar eklendi. Eklenen w3-show-inline-block. w3-hareketlendirmek-giriş eklendi. w3-ekran-kap eklendi. w3-görüntülü-topright eklendi. w3-görüntülü-topleft eklendi. w3-görüntülü-bottomRight eklendi. w3-görüntülü-bottomleft eklendi. |
| 1.98 | Eklenen w3-hareketlendirmek solma. |
| 1.97 | Eklenen w3-btn-blok. Eklenen w3-akordeon ve w3'ün-akordeon-içeriğine sahiptir. |
| 1.96 | w3-sidenav eklendi açılır. Katma Slayt Eklenen Tabs (Tabulators) |
| 1.95 | Eklenen w3 dikey. Eklenen soluk w3-hover renkleri. |
| 1.94 | w3-navbar eklendi. W3-hover- renk eklendi. |
| 1.93 | Kaldırılan w3-tab. w3-topnav veya w3-sidenav yerine kullanın. |
| 1.92 | Kaldırılan w3-blok alıntı. yerine w3-leftbar kullanın. |
| 1.91 | Eklenen w3-soluk kırmızı, w3-soluk sarı, w3-soluk yeşil, w3-soluk mavi. w3-topbar, w3-bottomBar, w3-leftbar, w3-rightbar eklendi. Eklenen w3-border-kırmızı, w3-border-sarı, w3-border-yeşil, w3-border-mavi. |
| 1.9 | Ocak 2016 İndir 1.9 |
| 1.8 | Aralık 2015. |
| 1.7 | Kasım 2015. |
| 1.6 | Ekim 2015. |
| 1.5 | Eylül 2015. |
| 1.4 | Ağustos 2015. |
| 1.3 | Ağustos 2015. |
| 1.2 | Temmuz 2015. |
| 1.1 | Haziran 2015. |
| 1.1 | Mayıs 2015. |
Doğrulama W3.CSS
W3.CSS doğrulanıyor bazı hatalar döndürebilir.
Eğer W3C doğrulamaları çalıştırdığınızda sık sık bazı hatalar alırsınız.
her zaman geçerli W3C şartname dışındaki bazı tarayıcı özgü değerler olacaktır.
| özellik | Açıklama |
|---|---|
| işaretçi olaylar | Geçersiz CSS3 mülkiyet, ancak CSS4 için önerdi. Engelli elementlerden El işaretçisini kaldırmak için W3.CSS kullanılır. |
| kullanıcı seçme | Geçersiz CSS3 mülkiyet, ancak CSS4 için önerdi. tıklanabilir elementlerden metin seçimini kaldırmak için W3.CSS kullanılır. |
| Sözde sınıfı: geçerli | Geçersiz CSS3 değer, ama CSS4 için önerdi. W3.CSS Kullanılan geçerli girişini belirtir. |
| @ -webkit-anahtar kare | W3.CSS eklendi animasyonlar webkit tarayıcılarda çalışması için (older versions of Chrome, Safari, and Opera) . |
W3.CSS özelleştirme
W3.CSS temel yazı tipleri ve yazı tipi boyutlarını içermektedir.
Bu ayarları değiştirerek W3.CSS ö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;
} Kendin dene " W3.CSS Normalize olduğu
Bir stil sayfası normalleştirilmesi için yapılır:
- Doğru tarayıcı hataları
- tarayıcı tutarsızlıkları kaldır
- Sık kullanılan tarayıcı varsayılan Assure
- tüm HTML elemanlarının stilleri Normale
- CSS geliştirmeleri ekle
Bir alıntı Normalize.css W3.CSS kullanılır.
Bu, tüm tarayıcılarda tutarlı W3.CSS ekran HTML yapar ve modern web standartlarına uygun.