Банальности про CSS

Встретил только что в коде чужого проекта:

.width84 {
width: 84px;
}
.width120 {
width: 120px;
}
.width124 {
width: 124px;
}

К сожалению такое встречается сплош и рядом.
Для тех, кто не понимает почему это зло: если (или, вернее, когда) понадобится сделать блок не 120 пикселей а, скажем, 121 придется бегать по всем файлам и менять название класса руками. Вопрос: чем это лучше указанием размера в коде в явном виде? Правильно, ничем.
К этому же относится именование колонок floatright, название блоков по их цвету.
Что б потом не было мучительно больно за код вида:

.red {
color: green
}

Вообще, правило простое – именуйте сущности по тому для чего они нужны, а не так, как они выглядят.
Плохо: .leftblock, .rightblock, .small, .big, .red
Хорошо: .sideblock, .selected, .error, .highlighted

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>