CSS : Normalize css

Normalize.css adalah file CSS kecil yang menyediakan konsistensi lintas-browser yang lebih baik dalam styling elemen HTML default . Modern, HTML5-ready, alternatif reset CSS biasa. Normalize.css adalah sebuah alternatif untuk me-reset CSS. Tool ini dikerjakan oleh @necolas dan @jon_neal tentang perbedaan antara style browser default.

Tujuan normalize.css adalah sebagai berikut:

• Mempertahankan default browser yang berguna daripada menghapusnya.
• Normalisasikan style untuk berbagai elemen HTML.
• Mengoreksi bug dan inkonsistensi browser yang umum.
• Meningkatkan kegunaan dengan peningkatan yang halus.
• Menjelaskan kode menggunakan komentar dan dokumentasi lengkap.

Sebagai contoh, bagaimana normalize.css membuat jenis input search HTML5 baru lintas-browser yang konsisten dan styleable.

/**
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}