Внешний вид или стиль веб-сайта продиктованы CSS (каскадные таблицы стилей). Это файл, который вы добавите в каталог своего сайта, который будет содержать различные правила CSS, которые создают визуальный дизайн и расположение ваших страниц.
Хотя сайты могут использовать и часто использовать несколько таблиц стилей, нет необходимости делать это. Вы можете поместить все свои правила CSS в один файл, и есть на самом деле преимущества для этого, включая более быстрое время загрузки и производительность страниц, поскольку им не нужно извлекать несколько файлов. В то время как очень большие, корпоративным сайтам иногда понадобятся отдельные таблицы стилей, многие малые и средние сайты могут отлично справляться с одним файлом со всеми правилами, которые нужны вашим страницам. Это вызывает вопрос «Что я должен называть этот файл CSS»? »
Основы именования
Когда вы создаете внешнюю таблицу стилей для своих веб-страниц, вы должны указать файл, соответствующий аналогичным соглашениям об именах для ваших HTML-файлов.
Не используйте специальные символы
Вы должны использовать буквы a-z, числа 0-9, underscore (_) и дефисы (-) в именах файлов CSS. Хотя ваша файловая система может позволить вам создавать файлы с другими символами в них, ваша ОС сервера может иметь проблемы со специальными символами. Вы более безопасны, используя только символы, упомянутые здесь. В конце концов, даже если ваш сервер допускает специальные символы, это может быть не так, если вы решите перейти к провайдерам хостинга в будущем.
Не использовать любые пробелы
Подобно специальным символам, пробелы могут вызвать проблемы на вашем веб-сервере. Это хорошая идея, чтобы избежать их в именах файлов - вы даже должны указывать на то, чтобы называть файлы, такие как PDF-файлы, с использованием этих же конвенций, на случай, если вам когда-либо понадобится добавить их на веб-сайт. Если вы чувствуете, что вам нужно пространство, чтобы упростить чтение имени файла, вместо этого выберите дефисы или символы подчеркивания. Например, вместо использования «this file.pdf» используйте «this-is-the-file.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, каждый из которых посвящен различным частям страниц или аспектам сайта (типография, цвет, макет и т. Д.).
Под редакцией Джереми Жирара
