| Главная « CSS - каскадные таблицы стилей « Замечания о кодировании CSS |
Придерживайтесь определенного стиля кодирования… |
В CSS, как и в HTML, рекомендуется придерживаться какого-либо определенного стиля кодирования. Вы можете использовать тот стиль, который описан на этой странице, или какой-нибудь еще — но, в любом случае, соблюдайте единообразие и аккуратность. Это сэкономит ваше время и силы, если потребуется вносить изменения в файл CSS, который вы в последний раз редактировали полгода назад.
Рекомендую применять такой стиль:
-
селектор и открывающая фигурная скобка записываются на одной строке;
-
каждое свойство и его значение записываются в отдельной строке, причем перед свойством делается отступ величиной в два пробела;
-
закрывающая фигурная скобка записывается на отдельной строке, без отступов.
В некоторых старых браузерах могут возникать проблемы из-за того, что в CSS пропущен пробел или точка с запятой. Синтаксис CSS действительно позволяет во многих местах обходиться без этих знаков — например, можно не ставить точку с запятой после самого последнего свойства, перед закрывающей фигурной скобкой. |
Но чтобы гарантированно избежать затруднений со старыми браузерами стоит придерживаться следующих правил:
-
после каждой пары свойство: значение ставьте точку с запятой;
-
после двоеточия между свойством и значением ставьте пробел;
-
если несколько свойств записаны в одной строке, ставьте пробел после каждой точки с запятой.
Для имен файлов CSS справедливы все те же принципы, что и для имен файлов HTML. Рекомендуется использовать в именах файлов только строчные латинские буквы и цифры, не делать имена слишком длинными, но вместе с тем добиваться, чтобы они были информативными. Всегда указывайте расширение файла CSS. |
Наконец, один и тот же файл CSS можно подключить к нескольким разным документам HTML. Это одно из самых полезных свойств таблиц стилей, так как оно позволяет оформить несколько страниц единообразно, не указывая правила оформления отдельно для каждой страницы.


