xhtml & css

Мои правила очень просты, понятны и применимы только для меня.

1. Я использую только классы

2. Все классы должны нести смысловую нагрузку (это очень важно)
Нельзя называть класс просто item1, гораздо правильнее и разумнее назвать его b-title (если это заголовок к примеру).

3. Именую классы в зависимости от их применения
b-* (любой блок) где b=block
h-* (обрамляющий элемент) где h=holster
g-* (глобальный класс, в основном переопределение) g=global

4. Делю файл стилей на блоки
Каждый блок отделяется комментарием.

/* top line */
.b-top-line {
  height: 77px;
  background: url(/images/top_line.jpg) no-repeat top center;
}
 
.b-logo {
  position: absolute;
  top: 15px;
  left: 8px;
}
 
/* lang */
.b-lang {
  float: right;
  padding-top: 15px;
}