A weboldal megjelenését és stílusát diktálja CSS (lépcsőzetes stíluslapok). Ez egy fájl, amelyet hozzáad a webhely könyvtárához, amely tartalmazza a különféle CSS-szabályokat, amelyek létrehozzák az oldalak látványtervét és elrendezését.
Míg a webhelyek több stíluslapot is használhatnak, és gyakran is használnak, erre nincs szükség. Az összes CSS-szabályt egyetlen fájlba helyezheti, és ennek valóban előnyei vannak, beleértve a gyorsabbat is betöltési idő és az oldalak teljesítménye, mivel nem kell több fájlt beolvasniuk. Míg a nagyon nagy, vállalati webhelyeknek időnként külön stíluslapokra lehet szükségük, sok kicsi és közepes webhely tökéletesen képes teljesíteni egyetlen fájlt és az összes szükséges szabályt. Ez felveti a kérdést: "Hogyan nevezzem el ezt a CSS fájlt?"
A konvenció elnevezésének alapjai
Amikor létrehoz egy külső stíluslap weblapjaihoz a fájlt a HTML fájlok hasonló elnevezési szokásai szerint kell megneveznie.
Ne használjon speciális karaktereket
Csak az a-z betűket, a 0-9 számokat, az aláhúzást (_) és a kötőjeleket (-) használja CSS fájlneveiben. Míg a fájlrendszere lehetővé teheti fájlok létrehozását más karakterekkel, a szerver operációs rendszerében problémák lehetnek a speciális karakterekkel. Biztonságosabb, ha csak az itt említett karaktereket használja. Végül is, még akkor is, ha a szerver speciális karaktereket engedélyez, ez nem biztos, hogy a jövőben más gazdagép-szolgáltatóhoz költözik.
Ne használjon semmilyen szóközt
A speciális karakterekhez hasonlóan a szóközök is problémákat okozhatnak a webkiszolgálón. Célszerű elkerülni őket a fájlnevekben; sőt érdemes megemlítenie a fájlok, például a PDF-ek megnevezését ugyanazon konvenciók használatával, arra az esetre, ha valaha is hozzá kellene adnia őket egy webhelyhez. Ha erősen úgy érzi, hogy a fájlnév könnyebben olvashatóvá tételére szüksége van egy szóközre, válassza inkább kötőjeleket vagy aláhúzásokat. Például az "ez a file.pdf" használata helyett használja a "this-is-the-file.pdf" fájlt.
A fájlnévnek betűvel kell kezdődnie
Bár ez nem abszolút követelmény, néhány rendszerben gondok vannak a nem betűvel kezdődő fájlnevekkel. Például, ha úgy dönt, hogy a fájlt számjeggyel kezdi, ez problémákat okozhat a sorban.
Minden kisbetűt használjon
Bár ez nem szükséges a fájlnévhez, jó ötlet, mivel egyes webszerverek megkülönböztetik a kis- és nagybetűket, és ha elfelejted, és más esetben hivatkozol a fájlra, akkor az nem töltődik be. A kisbetűs karakterek használata minden fájlnévnél mindig okos megoldás. Valójában sok új webdesigner küzd, hogy ne felejtse el ezt megtenni. Alapértelmezett műveletük a fájl elnevezésekor a név első karakterének nagybetűs írása. Kerülje el ezt, és szokjon meg csak a kisbetűs karaktereket.
A fájlnév legyen a lehető legrövidebb
Bár a fájlnév mérete korlátozott a legtöbbnél operációs rendszer, sokkal hosszabb, mint ésszerű egy CSS fájlnévnél. A jó ökölszabály nem több, mint 20 karakter a fájlnévnél, a kiterjesztést nem tartalmazza. Reálisan bármi, ami ennél sokkal hosszabb, amúgy is nehézkes vele dolgozni és összekapcsolni.
A CSS fájlnév legfontosabb része
A CSS fájlnév legfontosabb része nem maga a fájlnév, hanem a kiterjesztés. A bővítményekre nincs szükség Macintosh és Linux rendszerek, de egy CSS fájl írásakor mindenképp érdemes belefoglalni egyet. Így mindig tudni fogja, hogy ez egy stíluslap, és nem kell megnyitnia a fájlt a jövőbeni meghatározásához.
Valószínűleg nem nagy meglepetés, de a CSS fájl kiterjesztésének a következőknek kell lennie:
.css
CSS fájlnevezési konvenciók
Ha valaha csak egy CSS fájlja lesz a webhelyen, akkor bármi nevet adhat neki. Az alábbiak egyike előnyösebb:
stílus.css
standard.css
alapértelmezett.css
Ha webhelye több CSS-fájlt fog használni, nevezze el a stíluslapokat a funkciójuk után, így egyértelművé válik az egyes fájlok célja. Mivel egy weboldalhoz több stíluslap is csatolható, ez segít a stílusok különböző lapokra osztásában a lap funkciójától és a benne lévő stílusoktól függően. Például:
-
Elrendezés vs. tervezés
layout.css design.css
-
Oldal szakaszok
main.css nav.css
-
Egész oldal alszakaszokkal
mainstyles.css aloldal.css
Ha webhelye valamilyen keretrendszert használ, akkor valószínűleg észreveszi, hogy több CSS fájlt is használ, mindegyik az oldal különböző részeinek vagy a webhely szempontjainak (tipográfia, szín, elrendezés, stb.).