CSS reset HTML5 mana yang Anda gunakan dan mengapa? [Tutup]

CSS reset HTML5 mana yang Anda gunakan dan mengapa? Apakah ada satu yang Anda temukan untuk mencakup lebih banyak kasus?

Saya sudah mulai menggunakan HTML5 Doctor's: http://html5doctor.com/html-5-reset-stylesheet/ Tampaknya berhasil, tetapi saya ingin tahu apakah ada yang lebih baik di luar sana.

Pembicaraan sebenarnya: Meskipun penurunan harga, kaikai benar, Anda hanya perlu mengatur ulang * padding & margin ke 0.

Meskipun sayangnya 99% dari kita tidak memiliki sumber daya atau tenaga manusia untuk mengikuti ratusan versi browser yang ada. Jadi lembar reset sangat penting untuk situs web biasa.

html5reset: (Itu terlalu mengganggu)

Saya baru saja melihat di http://html5reset.org/

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

Dan:

html {overflow-y: scroll;}

Saya mengerti itu memiliki niat baik tetapi, itu bukan pekerjaan lembar reset. Itu membuat terlalu banyak asumsi.

BluePrint Reset: (secara harfiah cetak biru)

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

Ada apa dengan 1.5. Dan mengapa latar belakang putih? (Saya tahu itu untuk mengoreksi tetapi masih tidak perlu)

Normalize.css: (Tidak normal)

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

Ini dimulai dengan baik dengan beberapa peretasan webkit / ie, tetapi

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;
}

Setiap tag header ditargetkan. & mereka tidak mengatur ulang tinggi garis tubuh.

Saya yakin semua hal di atas melakukan pekerjaan yang diinginkan dengan baik, tetapi mungkin akan diganti lebih dari yang diperlukan.

Eric Meyer

YUI

HTML5Boilerplate

Di atas lebih untuk pro dengan Boilerplate yang condong ke sisi (terlalu bersahabat) Saya yakin karena popularitas. Saat ini 80% dari pengaturan ulang kustom saya adalah boilerplate.

Saya akan membahas ketiganya sedikit demi sedikit dan membuatnya sendiri, ini bukan ilmu roket.

Normalize.css sangat bagus untuk browser desktop dan seluler dan digunakan di banyak template HTML populer.

Tapi bagaimana dengan menggunakan allproperti CSS yang mengatur ulang properti CSS kecuali directiondan unicode-bidi? Dengan begitu Anda tidak perlu menyertakan file tambahan apa pun:

{
    all: unset
}

CSS allmemiliki dukungan luas kecuali di IE / Edge. Begitu pula dengan unset.

The reset.css digunakan oleh Blueprint CSS framework bekerja dengan baik dan termasuk HTML5 elemen. Itu termasuk dalam screen.css mereka file .

Blueprint adalah sumber daya yang berguna untuk membuat prototipe cepat situs baru, dan kode sumbernya diatur dengan baik dan layak dipelajari.

Eric Meyer juga merilis v2 dari reset CSS-nya (dan dia melakukannya hampir setahun yang lalu sekarang):

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

1. Mempertahankan default yang berguna, tidak seperti banyak reset CSS.
2. Menormalkan gaya untuk berbagai elemen HTML.
3. Memperbaiki bug dan inkonsistensi browser yang umum.
4. Meningkatkan kegunaan dengan perbaikan halus.
5. Menjelaskan kode apa yang menggunakan komentar rinci.

normalize.css

* {
    margin: 0;
    padding: 0;
}

sederhana namun sepenuhnya efektif. mungkin melempar:

body {
    font-size: small;
}

untuk ukuran baik.

Spesifikasi HTML5 menyertakan deklarasi CSS yang direkomendasikan untuk browser yang mendukung CSS. Untuk bersenang-senang, saya mengambilnya dan mengembalikannya, di tempat yang masuk akal. Anda dapat melihat hasilnya di artikel ini .

Namun , saya tidak merekomendasikan penggunaan ini dalam produksi. Ini lebih merupakan bukti konsep dan mungkin lebih baik digunakan untuk memberi petunjuk daripada berfungsi sebagai lembar gaya pengaturan ulang semua tujuan. Salah satu saran lain sebelumnya mungkin merupakan pilihan yang lebih baik.

Saya menggunakan Normalisasi atau reset dari HTML5 Doctor, dan saya mengubahnya agar sesuai dengan proyek yang sedang saya kerjakan.

BTW hanya konsep menggunakan reset yang menjadi lebih atau kurang standar.