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.
Jawaban:
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/
Dan:
Saya mengerti itu memiliki niat baik tetapi, itu bukan pekerjaan lembar reset. Itu membuat terlalu banyak asumsi.
BluePrint Reset: (secara harfiah cetak biru)
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
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.
sumber
Normalize.css sangat bagus untuk browser desktop dan seluler dan digunakan di banyak template HTML populer.
Tapi bagaimana dengan menggunakan
all
properti CSS yang mengatur ulang properti CSS kecualidirection
danunicode-bidi
? Dengan begitu Anda tidak perlu menyertakan file tambahan apa pun:CSS
all
memiliki dukungan luas kecuali di IE / Edge. Begitu pula denganunset
.sumber
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.
sumber
Eric Meyer juga merilis v2 dari reset CSS-nya (dan dia melakukannya hampir setahun yang lalu sekarang):
http://meyerweb.com/eric/tools/css/reset/
sumber
normalize.css
sumber
sederhana namun sepenuhnya efektif. mungkin melempar:
untuk ukuran baik.
sumber
display: inline
.display: inline
. Pernahkah Anda melihat diagram situs di mana header, footer, navigasi, kolom samping, hampir setiap bagian halaman mengalir sebaris ??? Maaf kaikai, tapi ini tidak bisa diterima!*
penyeleksi lambat, saya dengar.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.
sumber
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.
sumber