<aside> 💡 Code Style HTML Code Style CSS Code Style Javascript для Верстальщика

</aside>

Хороший код — это код который удобно читать и поддерживать.

Хороший код должен быть простым:

— используйте легко читаемые селекторы и говорящие классы. По ним сразу можно понять к чему применяются стили.

— классы пишите в нижнем регистре (строчными буквами).

— вместо пробела в классах используйте знак «дефис». Старайтесь не использовать нижнее подчеркивание и camelCase.

— код должен быть в одном стиле: везде используется один порядок свойств, одинаковые отступы и пробелы, один стиль записи цветов и псевдоэлементов.

плохо

хорошо

Оформляем блок со свойствами:

— после селектора, перед открывающей блок «фигурной скобкой» ставьте «пробел».

— в начале строки перед свойствами ставится «два пробела». Это самый популярный вариант.

— после двоеточия ставьте «пробел».

— обязательно ставить «точку с запятой» в конце свойства.

— ставьте закрывающую «фигурную скобку» на новой строке.

Между набором правил оставляйте одну пустую строку: