Hangi HTML5 sıfırlama CSS'sini kullanıyorsunuz ve neden? [kapalı]

Hangi HTML5 sıfırlama CSS'sini kullanıyorsunuz ve neden? Daha fazla vakayı kapsadığını bulduğunuz bir tane var mı?

HTML5 Doktor'u kullanmaya başladım: http://html5doctor.com/html-5-reset-stylesheet/ İşe yarıyor gibi görünüyor, ama orada daha iyi bir şey olup olmadığını merak ediyorum.

Gerçek konuşma: İndirimler kaikai haklı olmasına rağmen, yalnızca * padding & margin'i 0'a sıfırlamanız gerekir.

Maalesef% 99'umuz, yüzlerce tarayıcı sürümüne ayak uyduracak kaynaklara veya insan gücüne sahip değiliz. Bu nedenle, tipik bir web sitesi için bir sıfırlama sayfası gereklidir.

html5reset: (Bu çok rahatsız edici)

Az önce http://html5reset.org/ adresine baktım

img,
object,
embed {max-width: 100%;}

Ve:

html {overflow-y: scroll;}

İyi niyetli olduğunu anlıyorum ama bu bir sıfırlama sayfasının işi değil. Çok fazla varsayım yapıyor.

BluePrint Sıfırlama: (tam anlamıyla bir taslak)

body {
  line-height: 1.5;
  background: white;
}

1.5. Ve neden arka plan beyaz? (Bunun düzeltmek için olduğunu biliyorum ama yine de gerekli değil)

Normalize.css: (Normal değil)

https://github.com/necolas/normalize.css/blob/master/normalize.css

Bazı webkit / ie hack'lerle iyi başladı ama

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

Her başlık etiketi hedeflenmiştir. & vücudun hat yüksekliğini sıfırlamazlar.

Eminim yukarıdakilerin tümü amaçlanan işi iyi yapar, ancak muhtemelen gereğinden fazla geçersiz kılınacaktır.

Eric Meyer

YUI

HTML5Boilerplate

Yukarıdakiler, popülerlikten dolayı emin olduğum (aşırı dostça) tarafa eğilen Boilerplate ile profesyoneller için daha fazla. Şu anda özelleştirilmiş sıfırlamamın% 80'i standart metindir.

Her üçüne de yavaş yavaş gideceğim ve kendim yapacağım, bu roket bilimi değil.

Normalize.css hem masaüstü hem de mobil tarayıcılar için harikadır ve birçok popüler HTML şablonunda kullanılır.

Peki ya ve alldışındaki CSS özelliklerini sıfırlayan CSS özelliğini kullanmaya ne dersiniz ? Bu şekilde, herhangi bir ek dosya eklemenize gerek kalmaz:directionunicode-bidi

{
    all: unset
}

CSS all, IE / Edge dışında geniş desteğe sahiptir. Benzer şekilde unset.

Reset.css kullandığı Blueprint CSS çerçevesi iyi çalışıyor ve HTML5 öğeleri içermektedir. Onların screen.css dosyasına dahil edilir .

Blueprint, yeni sitelerin hızlı prototiplenmesi için yararlı bir kaynaktır ve kaynak kodları iyi organize edilmiştir ve öğrenmeye değerdir.

Eric Meyer ayrıca CSS sıfırlamasının v2'sini yayınladı (ve bunu neredeyse bir yıl önce yaptı):

http://meyerweb.com/eric/tools/css/reset/

1. Birçok CSS sıfırlamasının aksine, kullanışlı varsayılanları korur.
2. Çok çeşitli HTML öğeleri için stilleri normalleştirir.
3. Hataları ve yaygın tarayıcı tutarsızlıklarını düzeltir.
4. İnce iyileştirmelerle kullanılabilirliği artırır.
5. Ayrıntılı yorumları kullanarak hangi kodun yaptığını açıklar.

normalize.css

* {
    margin: 0;
    padding: 0;
}

basit ama tamamen etkili. belki bir de at:

body {
    font-size: small;
}

iyi ölçü için.

HTML5 spesifikasyonu şunları içerir: CSS özellikli tarayıcılar için önerilen CSS bildirimlerini . İşin eğlencesi için onları aldım ve mantıklı olduğu yere geri döndürdüm. Sonucu bu yazıda görüntüleyebilirsiniz .

Ancak bunu üretimde kullanmanızı önermiyorum. Bu daha çok bir kavram kanıtıdır ve çok amaçlı sıfırlama stil sayfası olarak hizmet etmektense ipuçları vermek için daha iyi kullanılabilir. Daha önceki önerilerden herhangi biri daha iyi bir seçim olabilir.

Normalize veya HTML5 Doctor'dan sıfırlama kullanıyorum ve üzerinde çalıştığım projeye uyması için değiştiriyorum.

BTW, aşağı yukarı bir standart haline gelen yalnızca sıfırlama kullanma kavramıdır.