Вигляд і "стиль" веб-сайту продиктовані CSS (каскадні таблиці стилів). Це файл, який ви додасте до каталогу вашого веб-сайту, який буде містити різні правила CSS, які створюють візуальний дизайн та компонування ваших сторінок.
Хоча сайти можуть використовувати і часто використовують кілька таблиць стилів, це не обов'язково. Ви можете розміщувати всі правила CSS у одному файлі, і насправді є переваги, включаючи швидший час завантаження та продуктивність сторінок, оскільки їм не потрібно завантажувати декілька файлів. Незважаючи на те, що дуже великі корпоративні сайти можуть вимагати окремі таблиці стилів час від часу, багато маленьких та середніх сайтів можуть чудово працювати лише з одним файлом із усіма правилами, які потребують ваші сторінки. Це ставить запитання "Що я повинен називати цим CSS-файлом"? "
Найменування Основи Конвенції
Коли ви створюєте зовнішню таблицю стилів для своїх веб-сторінок, слід називати файл, на який поширюються подібні конвенції імен для файлів HTML.
Не використовуйте спеціальні символи
Ви повинні використовувати лише імена файлів a-z, цифри 0-9, символи підкреслення (_) та дефіси (-) у ваших файлах CSS. Хоча ваша файлова система може дозволити вам створювати файли з іншими символами в них, у вашій серверній ОС може бути проблеми з особливими символами. Ви безпечніше, використовуючи лише символи, згадані тут. Врешті-решт, навіть якщо ваш сервер дозволяє використовувати спеціальні символи, це може бути не так, якщо ви вирішите перейти до постачальників хостів у майбутньому.
Не використовуйте будь-які пробіли
Як і в спеціальних символах, пробіли можуть спричинити проблеми на вашому веб-сервері. Дуже добре уникнути їх у іменах файлів - вам слід навіть назвати такі файли, як PDF-файли, які використовують ці самі конвенції, лише у випадку, коли вам потрібно буде додати їх до веб-сайту. Якщо ви сильно відчуваєте, що вам потрібно простір для полегшення читання імені файлу, замість цього виберіть спосіб дефісів або підкреслення. Наприклад, замість того, щоб використовувати "це файл .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-файлів, кожен з яких присвячений різним частинам сторінок або аспектів сайту (типографіка, колір, макет і т. Д.).
Під редакцією Джеремі Жирар
