Как писать в css комментарии в коде?

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

Как писать комментарии в css коде?

Тут все максимально просто и похоже на то, как они делаются в языках программирования. Многострочный (да и однострочный) комментарии можно сделать так:
/* тут текст */

Все должно начинаться со слэша и звездочки, а чтобы закрыть комментарий используйте обратную конструкцию (сначала звездочка, потом слэш). В редакторах кода комментарии подсвечиваются по-разному, в Notepad++, например, зеленым цветом. На этом скриншоте вы можете видеть, как я закомментировал стиль для элементов input.css комментарии

Зачем нужны?

В css комментарии нужно даже больше, чем в html. Это связано с тем, что css кода обычно всегда больше и его чаще редактируют при изменении готового шаблона. Поскольку строк тут может быть в 5-10 раз больше, чем в разметке, то разобраться в том, где какие стили без комментариев будет не так-то просто.

Например, в стандартной верстке среднего макета присутствует 500-1000 строчек кода css, отвечающего за стилевое оформление элементов. При этом я неоднократно видел и файлы в 5-10 раз больше. В связи с этим, при верстке хорошим тоном будет оставлять комментарии. Вот пример их использования:
использование комментариев

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: