Изглеждането и усещането или "стилът" на уебсайта се диктува от CSS (Cascading Style Sheets). Това е файл, който ще добавите към директорията на уебсайта си, която ще съдържа различните CSS правила, които създават визуалния дизайн и оформлението на вашите страници.
Въпреки че сайтовете могат да използват и често правят използването на няколко стилови листа, не е необходимо да правите това. Можете да поставите всичките си правила за CSS в един файл и действително има ползи за това, включително по-бързото време за зареждане и ефективността на страниците, тъй като не е необходимо да се извличат няколко файла. Макар че много големи корпоративни сайтове може да се нуждаят от отделни стилови листа понякога, много малък до среден сайт може да се справи отлично само с един файл. Това е, което използвам за повечето от моите уеб дизайнерски дейности - един CSS файлове с всички правила, които моите страници се нуждаят. Така че въпросът сега става - какво трябва да наречете този CSS файл?
Наименуване на основите на конвенцията
Когато създавате външен лист с стилове за уеб страниците си, трябва да наименувате файла, следвайки същите конвенции за наименуване на вашите HTML файлове:
Не използвайте специални символи
Трябва да използвате само буквите az, числа 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 файлове, тези имена работят добре за мен.
Ако уебсайтът ви използва няколко CSS файла, посочете листовете със стилове след тяхната функция, така че е ясно какво точно е предназначението на всеки файл. Тъй като една уеб страница може да има множество листове стил, прикрепени към тях, тя помага да разделите стиловете си на различни листове в зависимост от функцията на този лист и стиловете в него. Например:
- Оформление срещу дизайн layout.css design.css
- Секции на страницата main.css nav.css
- Целият сайт с подраздели mainstyles.css subpage.css
Ако уебсайтът Ви използва рамка от някакъв вид, вероятно ще забележите, че той използва множество CSS файлове, всяка от които е посветена на различни части от страниците или аспектите на сайта (типография, цвят, оформление и т.н.).
Оригинална статия на Дженифър Кринин. Редактиран от Джереми Жиар на 9/5/17