Комментировать ваш код CSS  - очень хорошая привычка в работе. Когда работа свежая, она живет в вашей памяти, все логические связи на своих местах. Однако если вам придется вернуться к коду через год, будет не так просто. Не говоря уже о случаях, когда над проектом работает команда программистов, и велика вероятность того, что в ваш код заглянет кто-то кроме вас.

Комментарии служат двум основным целям:

• Заметки и напоминаниями

Комментарии позволяют оставлять себе заметки о том, для чего служат определенные разделы Вашего файла стилей. Довольно часто и вольнонаемным, и офисным веб-разработчикам приходится возвращаться к коду CSS, с которым они работали более полугода назад, и в этом случае комментарии помогут быстро вспомнить, что именно делает конкретная часть кода.

• «Флажки» до и после проблемных участков кода

Код, окруженный разметкой комментария перестает выполняться. Так как код CSS в широком смысле читается сверху вниз, можно вычислить расположение проблемного кода, закомментировав и отключив таким образом по очереди разные части разметки, и так найти причину возникших сложностей.

Содержимое, разметка и код в комментариях не отображаются на веб-странице, но могут быть прочитаны кем угодно при доступе к исходному коду. Это легко сделать в любом браузере.

Синтаксис комментариев CSS

/* Так записывается комментарий в коде CSS */

Комментарии CSS также могут быть разбиты на несколько строк:

/* p { font-color: black; } 

hr { color: red; } 

обе строки выше будут проигнорированы браузером, как и эта строка с текстом */

Стоит подчеркнуть, что как и комментарии в коде HTML, комментарии в коде CSS должны быть полезными и по делу. В дополнение к очевидным причинам для этого, некоторые грубые слова в файлах стилей могут привести к проблемам с отображением веб-сайта на компьютерах с излишне чувствительными фильтрами.

Автор урока Dudley Storey

Перевод — Дежурка

Смотрите также:

• Использование тега и атрибута данных HTML5
• Использование абсолютных и относительных единиц измерения CSS
• Использование единиц измерения CSS в зависимости от ситуации