Внешний вид или «стиль» сайта определяется CSS (Cascading Style Sheets). Это файл, который вы добавите в каталог вашего сайта, который будет содержать различные правила CSS, которые создают визуальный дизайн и макет ваших страниц.
В то время как сайты могут использовать и часто используют несколько таблиц стилей, в этом нет необходимости. Вы можете поместить все свои правила CSS в один файл, и в этом есть свои преимущества, в том числе более быстрое время загрузки и производительность страниц, поскольку им не нужно извлекать несколько файлов. В то время как корпоративным сайтам очень большого размера иногда могут понадобиться отдельные таблицы стилей, многие сайты малого и среднего уровня могут прекрасно работать с одним файлом со всеми правилами, необходимыми вашим страницам. Возникает вопрос: «Как мне назвать этот CSS-файл?»
Основы именования
Когда вы создаете внешнюю таблицу стилей для своих веб-страниц, вы должны присвоить файлу имя, следуя аналогичным соглашениям об именах для ваших HTML-файлов.
Не используйте специальные символы
Вы должны использовать только буквы a-z, цифры 0-9, подчеркивание (_) и дефисы (-) в именах файлов CSS. В то время как ваша файловая система может позволять вам создавать файлы с другими символами в них, ОС вашего сервера может иметь проблемы со специальными символами. Вы безопаснее, используя только символы, упомянутые здесь. В конце концов, даже если ваш сервер допускает использование специальных символов, это может быть не так, если вы решите перейти к хост-провайдерам в будущем.
Не используйте пробелы
Как и со специальными символами, пробелы могут вызвать проблемы на вашем веб-сервере. Рекомендуется избегать их в именах файлов – вы даже должны указывать имена файлов, например, PDF, используя те же соглашения, на случай, если вам когда-нибудь понадобится добавить их на веб-сайт. Если вы твердо уверены, что вам нужно пространство для облегчения чтения имени файла, выберите вместо него дефисы или подчеркивания. Например, вместо использования «это файл.pdf» используйте «это файл.pdf».
Имя файла должно начинаться с буквы
Хотя это не является абсолютным требованием, некоторые системы имеют проблемы с именами файлов, которые не начинаются с буквы. Например, если вы решите начать свой файл с цифры, это может вызвать проблемы в дальнейшем.
Использовать все нижний регистр
Хотя это не требуется для имени файла, это хорошая идея, так как некоторые веб-серверы чувствительны к регистру, и если вы забудете и будете ссылаться на файл в другом случае, он не загрузится. Использование символов нижнего регистра для каждого имени файла – это всегда разумный способ. На самом деле, многим новым веб-дизайнерам трудно не забыть сделать это – их действие по умолчанию при присвоении имени файлу состоит в том, чтобы использовать первый символ имени. Избегайте этого и используйте только строчные буквы.
Имя файла должно быть как можно короче
Хотя в большинстве операционных систем существует ограничение на размер имени файла, оно намного длиннее, чем разумно для имени файла CSS. Хорошее эмпирическое правило – не более 20 символов для имени файла, не включая расширение. Реально, с чем-то гораздо более длительным, чем это, громоздко работать и связываться с ним в любом случае.
Самая важная часть вашего имени файла CSS
Наиболее важной частью имени файла CSS является не само имя файла, а расширение. Расширения не требуются в системах Macintosh и Linux, но рекомендуется в любом случае включать их при написании файла CSS. Таким образом, вы всегда будете знать, что это таблица стилей, и вам не нужно открывать файл, чтобы определить, что это такое в будущем.
Это, вероятно, не является большим сюрпризом, но расширение вашего CSS-файла должно быть:
.css
Соглашения об именах файлов CSS
Если у вас когда-либо будет только один CSS-файл на сайте, вы можете назвать его как угодно. Одно из следующих предпочтительнее:
styles.css или default.css
Если ваш веб-сайт будет использовать несколько файлов CSS, назовите таблицы стилей после их функции, чтобы было ясно, какова цель каждого файла. Поскольку к веб-странице может быть прикреплено несколько таблиц стилей, это помогает разделить ваши стили на разные таблицы в зависимости от функции этой таблицы и стилей внутри нее. Например:
-
Макет против дизайна
layout.css design.css
-
Разделы страницы
main.css nav.css
-
Весь сайт с подразделами
mainstyles.css subpage.css
Если на вашем веб-сайте используется какой-то фреймворк, вы, вероятно, заметите, что он использует несколько файлов CSS, каждый из которых посвящен различным частям страниц или аспектам сайта (типографика, цвет, макет и т. Д.).
Под редакцией Джереми Жирара