Normalize.css adalah alternatif untuk reset CSS. Ini memberikan tingkat konsistensi yang tinggi di seluruh browser pada gaya elemen HTML default. Normalize.css adalah alternatif premium modern untuk HTML5 (http://necolas.github.io/normalize.css/）
Baik normalize.css dan reset.css adalah stylesheet untuk mengatur ulang tab browser
Tujuan pembuatan normalize.css adalah sebagai berikut:
Lindungi gaya default browser yang berguna alih-alih menghapusnya sepenuhnya
Gaya Umum: Disediakan untuk sebagian besar elemen HTML
Perbaiki bug browser sendiri dan pastikan konsistensi di seluruh browser
Optimalkan kegunaan CSS: Gunakan beberapa tips
Jelaskan kodenya: gunakan komentar dan dokumentasi terperinci
Normalize.css mendukung berbagai browser, termasuk browser seluler, dan menggeneralisasi elemen HTML5, tipografi, daftar, konten tertanam, formulir, dan tabel. Meskipun proyek ini didasarkan pada generalisasi, kami telah menggunakan default yang lebih praktis jika sesuai.
Normalisasi vs Atur Ulang
1. Normalize.css Default berharga yang dilindungi
Reset memaksa elemen untuk memiliki efek visual yang sama dengan memaksakan gaya default pada hampir semua elemen. Sebaliknya, Normalize.css mempertahankan banyak gaya browser default. Ini berarti Anda tidak perlu lagi menata ulang semua elemen tipografi umum. Ketika elemen memiliki default yang berbeda di browser yang berbeda, Normalize.css berusaha untuk menjaga gaya ini tetap konsisten dan sekonsisten mungkin dengan standar modern.
2. Normalize.css Memperbaiki bug di browser
Ini memperbaiki bug umum di browser desktop dan seluler. Ini seringkali melampaui apa yang dapat dilakukan Reset. Dalam hal ini, masalah yang Normalize.css diperbaiki termasuk pengaturan tampilan elemen HTML5, masalah ukuran font dengan teks yang telah diformat sebelumnya, luapan SVG di IE9, dan banyak bug terkait formulir yang muncul di berbagai browser dan sistem operasi.
3. Normalize.css Itu tidak akan membuat alat debugging Anda berantakan
Salah satu aspek yang paling menjengkelkan dalam menggunakan Reset adalah rantai pewarisan besar di alat debugging browser, seperti yang ditunjukkan pada gambar di bawah ini. Tidak akan ada masalah seperti itu di Normalize.css, karena kami sangat berhati-hati dengan penggunaan multi-selektor dalam pedoman kami, dan kami hanya akan menata elemen target dengan sengaja.
4. Normalize.css modular
Proyek ini telah dibagi menjadi beberapa bagian yang terkait tetapi terpisah, yang membuatnya mudah dan jelas elemen mana yang diatur ke nilai tertentu. Ini memungkinkan Anda untuk secara selektif menghapus bagian yang tidak akan pernah Anda gunakan (seperti generalisasi formulir).
5. Normalize.css Memiliki dokumentasi terperinci
Kode Normalize.css didasarkan pada penelitian dan pengujian lintas browser yang terperinci dan komprehensif. File ini memiliki deskripsi kode terperinci dan instruksi lebih lanjut di Wiki Github. Ini berarti Anda dapat mengetahui apa sebenarnya yang dilakukan setiap baris kode, mengapa Anda menulisnya, perbedaan antar browser, dan Anda dapat menguji sendiri dengan lebih mudah.
Cara menggunakan normalize.css
Pertama, instal atau unduh Normalize.css dari Github, dan kemudian ada dua cara utama untuk menggunakannya.
Strategi 1: Gunakan normalize.css sebagai CSS dasar untuk proyek Anda sendiri, menyesuaikan nilai gaya agar sesuai dengan kebutuhan desainer.
Strategi 2: Impor kode sumber normalize.css dan bangun di atasnya, ganti default dengan CSS Anda sendiri bila diperlukan.
Unduhan file CSS:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Diposting pada 27/07/2018 14.49.36
|
|
|
|
