1. Jika ragu, segera periksa
Pemeriksaan sederhana terhadap kode asli ketika terjadi kesalahan dapat menyelamatkan Anda dari banyak sakit kepala. W3C memiliki alat deteksi yang tersedia untuk XHTML dan CSS. Harap dicatat bahwa kesalahan di awal file dapat menyebabkan lebih banyak kesalahan karena struktur yang tidak tepat dan faktor lainnya; kami menyarankan untuk memperbaiki beberapa kesalahan yang paling jelas terlebih dahulu dan kemudian memeriksa ulang, yang dapat mengurangi jumlah kesalahan.
2. Ingatlah untuk menghapus instruksi dengan benar saat menggunakan fungsi mengambang
Mengambang adalah fitur berbahaya dan mungkin tidak memberikan hasil yang Anda harapkan. Jika Anda menemukan elemen mengambang yang melampaui batas wadah di sekitarnya atau situasi tidak biasa lainnya, pastikan Anda melakukannya dengan benar. Lihat pengajaran Eric Meyer di situs Web Complex Spiral Consulting.
3. Gunakan padding atau border untuk menghindari batas yang tumpang tindih.
Anda mungkin kesulitan mendapatkan sedikit ruang yang seharusnya tidak ada, atau Anda mungkin tidak dapat menyediakan sedikit ruang saat Anda membutuhkannya. Sangat mudah untuk tumpang tindih batas jika Anda menggunakan margin; Andy Budd menjelaskan apa yang mungkin dilakukan di situs webnya.
4. Cobalah untuk menghindari menentukan padding/batas dan tinggi atau lebar pada elemen secara bersamaan
IE versi Windows sering menyebabkan masalah perhitungan lebar dan tinggi. Ada beberapa cara untuk mengatasi masalah ini, tetapi jika elemen induk perlu menentukan tinggi dan lebar, yang terbaik adalah menerapkan margin ke elemen anak di dalam elemen induk, atau ketika elemen anak perlu menentukan tinggi dan lebar, terapkan padding ke elemen induk untuk mencapai Efek ini.
5. Jangan mengandalkan min-width/min-height
IE versi Windows tidak mendukung kedua sintaksis tersebut. Namun sampai batas tertentu, IE versi Windows dapat mencapai efek yang setara dengan min-width/min-height, jadi selama Anda menambahkan beberapa fungsi pemfilteran ke IE, Anda dapat mencapai hasil yang Anda inginkan.
6. Jika ragu, kurangi dulu persentasenya
Terkadang kesalahan tertentu akan membuat 50%+50% menjadi 100,1% sehingga menyebabkan masalah pada halaman web. Saat ini coba ubah nilai tersebut menjadi 49% atau bahkan 49,9%.
7. Ingat bagaimana menulis "TrouBLed"
Sintaks yang disingkat Border, margin dan padding memiliki urutan tertentu, dimulai dari atas dan berputar searah jarum jam: atas, kanan, bawah, kiri. Jadi hasil margin:0 1px 3px 5px; di sebelah kanan, dan seterusnya. Ingat "TRouBLe" dan Anda tidak akan salah urutannya.
8. Selama nilainya bukan nol, maka satuannya harus ditentukan.
CSS mengharuskan Anda menentukan unit untuk setiap font, margin, dan berbagai nilai lainnya. (Satu-satunya pengecualian adalah tinggi garis)