A weboldal kinézetét vagy stílusát a CSS (Cascading Style Sheets) határozza meg. Ez egy olyan fájl, amelyet hozzá fog adni a webhelye könyvtárához, amely tartalmazza a különféle CSS-szabályokat, amelyek létrehozzák az oldalak vizuális tervét és elrendezését.
Bár a webhelyek több stíluslapot is használhatnak és gyakran használnak, erre nincs szükség. Minden CSS-szabályt egyetlen fájlba helyezhet, és ténylegesen előnyei vannak, például a gyorsabb betöltési idő és az oldalak teljesítménye, mivel nem kell több fájlt előhoznia. Míg a nagyon nagy méretű vállalati webhelyek időnként külön stíluslapra is szükség lehet, sok apró és közepes weboldal tökéletesen illeszkedik egyetlen fájlhoz az összes olyan szabályhoz, amelyet az oldalaknak szüksége van. Ez felkéri a kérdést: "Mit nevezhetek meg ez a CSS fájl?"
Az egyezmény alapjainak megnevezése
Ha külső stíluslapot hoz létre weblapjaihoz, akkor nevezze el a fájlt a HTML-fájlok hasonló elnevezési szokásait követve.
Ne használjon különleges karaktereket
Csak a-z, 0-9, aláhúzás (_) betűket és kötőjeleket (-) használhatja a CSS-fájlnevekben. Míg a fájlrendszer lehetővé teszi számukra más karakterek létrehozását, előfordulhat, hogy a kiszolgálói operációs rendszernek problémái vannak különleges 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, előfordulhat, hogy ez a helyzet nem áll fenn, ha a jövőben költözön a fogadó szolgáltatókra.
Ne használjon semmilyen teret
Akárcsak speciális karakterekkel, a terek problémákat okozhatnak a webkiszolgálón. Jó ötlet elkerülni őket a fájlnevekben - még akkor is meg kell említenünk, hogy olyan fájlokat nevezünk el, mint a PDF-ek, amelyek ugyanazokat az egyezményeket használják, csak akkor, ha valaha is fel kell venniük őket egy weboldalra. Ha erősen úgy érzi, hogy szükség van egy helyre, hogy a fájlnevet könnyebben olvashassa, helyettesítse a kötőjeleket vagy az aláhúzásokat. Például a "file.pdf" helyett a "this-is-the-file.pdf" használatát használja.
A fájlnév kezdődik levélben
Bár ez nem feltétlen követelmény, egyes rendszereknek problémái vannak a fájlnevekkel, amelyek nem kezdődnek levélben. Például, ha úgy dönt, hogy a fájlt egy szám karakterrel kezdheti, ez a hiba miatt leállhat.
Használja az összes alsó tokot
Bár ez nem szükséges egy fájlnévhez, jó ötlet, mivel néhány webkiszolgáló kis- és nagybetűkre érzékeny, és ha elfelejti és hivatkozik a fájlra egy másik esetben, akkor nem töltődik be. A kisbetűs karakterek használata minden fájlnév számára mindig okos lépés. Valójában sok új web designer küzd, hogy ne felejtse el ezt megtenni - alapértelmezett fellépésük a fájl elnevezésekor a név első karakterének kihasználása. Kerülje el ezt, és csak a kisbetűk szokásait vegye be.
Tartsa a fájlnevet a lehető legrövidebbnek
Bár a legtöbb operációs rendszeren létezik a fájlnév méretének korlátozása, sokkal hosszabb, mint ami egy CSS-fájlnév számára indokolt. A hüvelykujj helyes szabálya legfeljebb 20 karakter lehet a kiterjesztés nélküli fájlnév esetén. Reálisan, minden sokkal hosszabb, mint az, hogy nehézkes a munka és a linket egyébként.
A CSS-fájl neve 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ények nem szükségesek a Macintosh és a Linux rendszereken, de jó ötlet, ha CSS-fájlt írunk. Így mindig tudni fogja, hogy ez egy stíluslap, és nem kell megnyitnia a fájlt, hogy meghatározhassa, hogy mi a jövőben.
Valószínűleg nem nagy meglepetés, de a CSS-fájl kiterjesztése:
Css
CSS fájlnevezési egyezmények
Ha csak egy CSS-fájlt találsz a webhelyen, megadhatod bármit is. Az alábbiak közül az egyik előnyös:
styles.css vagy default.css
Ha webhelye több CSS-fájlt használ, nevezze el a stíluslapokat a funkciójuk után, így egyértelmű, hogy pontosan mi az egyes fájlok célja. Mivel egy weboldal több stíluslapot is csatolhat hozzájuk, ez segíti a stílusok különböző lapokra való felosztását, attól függően, hogy a lap milyen funkciókat és stílusokat tartalmaz. Például:
- Elrendezés / design
layout.css design.css
- Oldalszekciók
main.css nav.css
- Az egész webhely alszakaszokkal
mainstyles.css aloldal.css
Ha webhelye valamilyen keretet használ, valószínűleg fel fogja ismerni, hogy több CSS-fájlt használ, amelyek mindegyike különféle oldalak vagy szempontok szerint foglalkozik (tipográfia, szín, elrendezés stb.).
Szerkesztette Jeremy Girard
