быть описательным и называть свои идентификаторы и классы семантическим способом, придавать им значение

идентификаторы можно использовать только один раз на странице, поэтому они полезны для основных структурных элементов, таких как «верхний колонтитул» и «нижний колонтитул» (пока не появится HTML5 и заменяет их собственными элементами).

Классы можно использовать несколько раз, и вы можете использовать несколько классов для каждого элемента. Они должны быть достаточно общими - поэтому вместо, скажем, warningMessage вы можете создать одно сообщение стиля с базовым стилем макета, а затем предупреждение , ] info и error стили с разными цветами. Затем используйте

Вы также должны использовать элементы HTML, где это применимо. Вместо используйте тег заголовка, например

.

Как уже говорили другие, вы можете использовать подчеркивания, дефисы или верблюжий регистр - т.е. my_style или my-style или myStyle . Просто выберите соглашение и придерживайтесь его (лично я использую my-style ). Джитендра предположил в комментарии, что строчные буквы лучше, когда вы используете сжатие gzip, что верно во всех отношениях - для имен шрифтов, шестнадцатеричных цветов, и в любом случае стоит называть файлы (например, фоновые изображения) строчными буквами.

Иногда подходит. с хорошими именами бывает сложно. Подумайте о других местах , где вы могли бы использовать такое же форматирование. Например, если вы хотите поместить автора и дату статьи под заголовком более мелким серым текстом, вы можете использовать .authorAndDate , но лучше будет .byline . Это все еще достаточно наглядно, и его можно использовать и в других местах, например, в подписях к изображениям.

• header

• footer

• container

• .post
• .title

Those are the ones which come up in most of my projects but obviously it depends what you're doing. Just try to keep it logical.

Правила присвоения имен атрибуту id или class просты. Сделайте его кратким, последовательным (например, если вы используете дефисы, подчеркивания или CamelCase для одного, используйте тот же формат для других) и убедитесь, что имя основано на функции или значении элемента, а не на стиле для быть применено.

например

, ,