1.Setel ulang
Sungguh, selalu gunakan reset, apakah itu Reset Eric Meyer, Reset YUI, atau custom reset Anda sendiri, pastikan untuk menggunakannya.
Ini bisa sesederhana menghapus atribut margin dan padding dari semua elemen:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pra, formulir, kumpulan bidang, tabel, th, td { margin: 0;
Gaya Reset Eric Meyer dan YUI memang bagus, tapi bagi saya, itu terlalu berlebihan. Saya ingin Anda menghapus semuanya sebelum mendefinisikan ulang banyak properti elemen. Inilah yang direkomendasikan Eric Meyer. Jika ada cara yang lebih efisien untuk menggunakannya, Anda tidak boleh hanya mengambil file gayanya dan memasukkannya langsung ke proyek Anda sendiri - sempurnakan, bangun kembali, jadikan milik Anda sendiri.
Oh, tolong jangan lakukan ini lagi:
* {margin: 0; bantalan: 0;
Ini digunakan di banyak tempat. Jika Anda melepas bantalan tombol radio, menurut Anda apa yang akan terjadi? Elemen bentuk terkadang memiliki tampilan yang funky, jadi sebaiknya biarkan apa adanya.
2. Urutkan berdasarkan abjad
sedikit ujian
Dari dua contoh di bawah ini, manakah yang menurut Anda dapat menemukan lokasi atribut margin-right lebih cepat?
Contoh 1
div#tajuk h1 {
indeks-z: 101;
warna: #000;
posisi: relatif;
tinggi garis: 24px;
margin-kanan: 48 piksel;
batas bawah: 1px solid #dedede;
ukuran font: 18px;
}
Contoh 2
div#tajuk h1 {
batas bawah: 1px solid #dedede;
warna: #000;
ukuran font: 18px;
tinggi garis: 24px;
margin-kanan: 48 piksel;
posisi: relatif;
indeks-z: 101;
}
Jangan bilang Contoh 2 tidak secepat Contoh 1! Dengan mengurutkan properti gaya ini berdasarkan abjad, koherensi yang Anda buat akan membantu Anda mengurangi waktu yang Anda habiskan untuk mencari properti tertentu.
Saya tahu beberapa orang mengatur urutannya dengan cara ini, dan yang lain menggunakan cara lain untuk mengatur urutan gaya. Namun di perusahaan saya, kami dengan suara bulat memutuskan untuk mengurutkan berdasarkan abjad. Pendekatan ini pasti akan berhasil untuk Anda saat Anda mengembangkan kode dengan orang lain. Saya benci setiap kali saya melihat style sheet tidak diurutkan berdasarkan abjad, karena terlihat berantakan dan tidak teratur...