Sejauh HTML berjalan, saya selalu membuat titik untuk memiliki hierarki dan lekukan dalam file saya. Sebagai contoh, jika saya memiliki banyak divs:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Saya kira itu cukup jelas bagi kebanyakan orang yang membuat tata letak dan template, tetapi lebih sering daripada tidak saya hanya melihat HTML kacau yang tidak memiliki hierarki struktural apa pun, sehingga sulit dibaca untuk orang lain. Saya kira berasal dari latar belakang CS yang lebih banyak, ini adalah sesuatu yang melekat di pikiran saya. Hal yang sama berlaku untuk CSS juga. Katakanlah Anda sedang menata div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Lekukan membuatnya jauh lebih mudah untuk dibaca dengan cepat ketika Anda terbiasa dengan bahasa lain yang dicampur seperti PHP / Ruby / Terserah. Sekali lagi, itu tergantung pada bagaimana Anda bekerja terbaik, tetapi ketika orang lain membaca HTML saya, saya ingin membuatnya benar-benar terorganisir :).
Juga, seperti dikatakan di atas, itu selalu merupakan ide bagus untuk menamai kelas CSS Anda dan id nama yang relevan dengan tata letak Anda, terutama ketika itu menjadi berbulu (seperti variabel penamaan dan metode dalam bahasa lain). Hal lain yang harus diperhatikan adalah "tebak dan periksa" margin, paddings, dan masalah penyelarasan lainnya. Sesuatu yang sering saya coba hindari adalah menempatkan angka negatif di margin dan bantalan saya. Ini bisa membingungkan jika Anda tidak membuat tata letak sendiri dan jika Anda ingin kembali lagi nanti dan memodifikasinya, Anda mungkin harus merombaknya. Menurut pendapat saya itu selalu merupakan ide yang baik untuk tidak mencoba apa pun tipu atau "kludgy" di CSS, bahkan jika itu terlihat bagus; biasanya ada cara yang lebih baik untuk melakukannya, bahkan jika Anda harus merestrukturisasi CSS Anda!