Theo như HTML, tôi luôn tạo ra một điểm để có thứ bậc và thụt lề trong các tệp của mình. Ví dụ: nếu tôi có một loạt các div:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Tôi cho rằng điều đó khá rõ ràng đối với hầu hết những người tạo bố cục và mẫu, nhưng thường thì tôi không thấy HTML bị cắt xén không có cấu trúc phân cấp cấu trúc nào, gây khó đọc cho người khác. Tôi đoán xuất phát từ một nền tảng CS hơn, đây là một cái gì đó trong tâm trí tôi. CSS cũng vậy. Giả sử bạn đang tạo kiểu cho một div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Việc thụt lề giúp đọc nhanh dễ dàng hơn rất nhiều khi bạn đã quen với một ngôn ngữ khác được trộn lẫn như PHP / Ruby / Sao cũng được. Một lần nữa, nó phụ thuộc vào cách bạn làm việc tốt nhất, nhưng khi người khác đọc HTML của tôi, tôi muốn làm cho nó thực sự có tổ chức :).
Ngoài ra, như đã nói ở trên, luôn luôn là một ý tưởng tuyệt vời để đặt tên các lớp CSS và id có liên quan đến bố cục của bạn, đặc biệt là khi nó có nhiều lông (giống như đặt tên biến và phương thức trong các ngôn ngữ khác). Một cái gì đó khác để đề phòng là "đoán và kiểm tra" đáng sợ về lề, phần đệm và các vấn đề căn chỉnh khác. Một cái gì đó tôi thường cố gắng tránh là đặt số âm vào lề và phần đệm của mình. Nó có thể gây nhầm lẫn nếu bạn không tự tạo bố cục và nếu bạn muốn quay lại sau và sửa đổi nó, bạn có thể phải đại tu nó. Theo ý kiến của tôi, không nên thử bất cứ thứ gì hokey hay "kydgy" trong CSS, ngay cả khi nó trông đẹp mắt; thường là một cách tốt hơn để làm điều đó, ngay cả khi bạn phải cơ cấu lại CSS của mình!