Изгледът и усещането, или „стил“ на уебсайт се диктува от CSS (каскадни таблици със стилове). Това е файл, който ще добавите към директорията на вашия уебсайт, който ще съдържа различните CSS правила, които създават визуалния дизайн и оформлението на вашите страници.
Въпреки че сайтовете могат да използват и често използват много таблици със стилове, не е необходимо да го правите. Можете да поставите всичките си CSS правила в един файл и всъщност има ползи от това, включително по-бързо време за зареждане и производителност на страниците, тъй като не е необходимо да извличат множество файлове. Макар че са много големи, корпоративните сайтове понякога се нуждаят от отделни таблици със стилове, много малки и средни сайтове могат да се справят напълно добре само с един файл с всички правила, от които се нуждаят вашите страници. Това поражда въпроса „Как да нарека този CSS файл“? “
Основи на конвенцията за именуване
Когато създавате външен лист със стилове за вашите уеб страници трябва да наименувате файла, като следвате подобни конвенции за именуване на вашите HTML файлове.
Не използвайте специални символи
Трябва да използвате само буквите a-z, цифри 0-9, подчертаване (_) и тирета (-) във вашите CSS имена на файлове. Въпреки че вашата файлова система може да ви позволи да създавате файлове с други символи в тях, вашата сървърна ОС може да има проблеми със специални символи. Вие сте по-сигурни, като използвате само символите, споменати тук. В края на краищата, дори ако вашият сървър позволява специални символи, това може да не е така, ако в бъдеще решите да преминете към различни доставчици на хост.
Не използвайте никакви пространства
Подобно на специалните символи, интервалите могат да причинят проблеми на вашия уеб сървър. Добре е да ги избягвате в имената на файловете си; дори трябва да посочите имената на файлове като PDF файлове, като използвате същите конвенции, само в случай, че някога се наложи да ги добавите към уебсайт. Ако смятате, че имате нужда от интервал, за да улесните четенето на името на файла, вместо това изберете тирета или долни черти. Например, вместо да използвате „this is the file.pdf“, използвайте „this-is-the-file.pdf“.
Името на файла трябва да започва с буква
Въпреки че това не е абсолютно изискване, някои системи имат проблеми с имената на файловете, които не започват с буква. Например, ако решите да започнете файла с цифров знак, това може да доведе до проблеми по реда.
Използвайте всички малки букви
Въпреки че това не се изисква за име на файл, е добра идея, тъй като някои уеб сървъри са чувствителни към малки и големи букви и ако забравите и препратите към файла в различен случай, той няма да се зареди. Използването на малки букви за всяко име на файл винаги е умен начин. Всъщност много нови уеб дизайнери се борят да не забравят да направят това, като действието им по подразбиране при именуване на файл е да изписват с главни букви първия символ на името. Избягвайте това и влезте в навика само за малки букви.
Дръжте името на файла възможно най-кратко
Въпреки че за повечето има ограничение за размера на файла операционна система, това е много по-дълго, отколкото е разумно за CSS име на файл. Едно добро правило е не повече от 20 знака за името на файла, без разширението. Реално погледнато, всичко, което е много по-дълго от това, е тромаво за работа и връзка към него.
Най-важната част от вашето CSS име на файл
Най-важната част от CSS името на файла не е самото име на файла, а разширението. Разширенията не се изискват на Macintosh и Linux системи, но е добре все пак да го включите, когато пишете CSS файл. По този начин винаги ще знаете, че това е таблица със стилове и няма да се налага да отваряте файла, за да определите какво представлява в бъдеще.
Вероятно не е голяма изненада, но разширението на вашия CSS файл трябва да бъде:
.css
Конвенции за имена на CSS файлове
Ако някога ще имате само един CSS файл на сайта, можете да го кръстите каквото искате. Едно от следните е за предпочитане:
style.css
стандарт.css
default.css
Ако вашият уебсайт ще използва множество CSS файлове, наименувайте таблиците със стилове след тяхната функция, за да стане ясно каква точно е целта на всеки файл. Тъй като към уеб страницата могат да бъдат прикрепени множество таблици със стилове, това помага да разделите стиловете си на различни листове в зависимост от функцията на този лист и стиловете в него. Например:
-
Оформление срещу дизайн
layout.css дизайн.css
-
Раздели на страници
main.css nav.css
-
Цял сайт с подсекции
mainstyles.css подстраница.css
Ако вашият уебсайт използва някаква рамка, вероятно ще забележите, че той използва множество CSS файлове, всеки посветен на различни части от страниците или аспекти на сайта (типография, цвят, оформление, и т.н.).