Normalize.css, CSS sıfırlamasına alternatif bir yöntemdir. Varsayılan HTML öğe stilinde tarayıcılar arasında yüksek düzeyde tutarlılık sağlar. Normalize.css, HTML5 için modern ve premium bir alternatiftir (http://necolas.github.io/normalize.css/）
Hem normalize.css hem de reset.css, tarayıcı sekmelerini sıfırlamak için stil sayfalarıdır
normalize.css yaratmanın amacı şöyledir:
Faydalı tarayıcı varsayılan stillerini tamamen kaldırmak yerine koruyun
Genelleştirilmiş Stiller: Çoğu HTML öğesi için sağlanmıştır
Tarayıcının kendi hatalarını düzeltin ve tarayıcılar arasında tutarlılığı sağlayın
CSS kullanılabilirliğini optimize edin: Birkaç ipucu kullanın
Kodu açıklayın: yorumlar ve ayrıntılı dokümantasyon kullanın
Normalize.css, mobil tarayıcılar dahil olmak üzere çok çeşitli tarayıcıları destekler ve HTML5 öğelerini, tipografisini, listeleri, gömülü içeriği, formları ve tabloları genelleştirir. Bu proje genellemeye dayansa da, uygun olduğunda daha pratik varsayılan yöntemler kullandık.
Normalize ve Reset Karşılaştırma
1. Normalize.css Korunan değerli temerrütler
Sıfırlama, neredeyse tüm öğelere varsayılan bir stil dayatarak öğelerin aynı görsel etkiyi vermesini zorunlu kıldı. Buna karşılık, Normalize.css birçok varsayılan tarayıcı stilini korur. Bu da artık tüm yaygın tipografi öğelerini yeniden şekillendirmenize gerek kalmadığı anlamına gelir. Bir öğenin farklı tarayıcılarda farklı varsayılan değerleri olduğunda, Normalize.css bu stilleri modern standartlarla mümkün olduğunca tutarlı ve tutarlı tutmaya çalışırız.
2. Normalize.css Tarayıcıdaki bir hata düzeltildi
Masaüstü ve mobil tarayıcılarda yaygın hataları düzeltir. Bu genellikle Reset'in yapabileceğinin ötesindedir. Bu bağlamda, düzeltilebilecek sorunlar arasında HTML5 öğelerinin görüntü ayarları, önceden formatlanmış metinle ilgili font boyutu sorunları, IE9'da SVG taşması ve çeşitli tarayıcılar ile işletim sistemlerinde ortaya çıkan birçok formla ilgili hata Normalize.css yer almaktadır.
3. Normalize.css Bu, hata ayıklama araçlarınızı dağınık hale getirmez
Reset kullanmanın en sinir bozucu yönlerinden biri, aşağıdaki görselde gösterildiği gibi tarayıcı hata ayıklama aracındaki büyük miras zinciridir. Normalize.css'de böyle bir sorun olmayacak, çünkü kılavuzlarımızda çoklu seçiciler kullanmaya çok dikkat ediyoruz ve hedef öğeyi sadece kasıtlı olarak şekillendireceğiz.
4. Normalize.css modüler
Proje, ilgili ama ayrı parçalara ayrılmış, bu da hangi öğelerin belirli değerlere ayarlandığını kolay ve net kılıyor. Bu, asla kullanmayacağınız parçaları (örneğin formların genellemesi gibi) seçici olarak çıkarmanızı sağlar.
5. Normalize.css Detaylı dokümantasyonu vardır
Normalize.css kod, ayrıntılı ve kapsamlı tarayıcılar arası araştırma ve testlere dayanır. Bu dosyada Github Wiki'de ayrıntılı kod açıklamaları ve ek talimatlar bulunmaktadır. Bu, her kod satırının tam olarak ne yaptığını, neden yazdığını, tarayıcılar arasındaki farkları öğrenebileceğinizi ve kendi kodunuzu daha kolay test edebileceğiniz anlamına gelir.
Nasıl kullanılır normalize.css
İlk olarak, Normalize.css Github'dan kurun veya indirin, ardından iki ana kullanım yolu vardır.
Strateji 1: normalize.css'yi kendi projeleriniz için temel CSS olarak kullanın, tasarımcının ihtiyaçlarına göre stil değerlerini özelleştirin.
Strateji 2: normalize.css kaynak kodunu içe aktarın ve üzerine inşa edin, gerektiğinde varsayılan ayarları kendi CSS ile geçersiz kılın.
CSS dosya indirme:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Yayınlandı 27.07.2018 14:49:36
|
|
|
|
