Egy 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 nagyon nagy méretű, a vállalati webhelyek időközönként különálló stíluslapokat igényelhetnek, sok apró és közepes weboldal tökéletesen illeszkedik egyetlen fájlhoz. Ez az, amit a legtöbb webes munkámhoz használok - egyetlen CSS-fájlt az összes olyan szabályhoz, amelyet az oldalamnak szüksége van. Tehát a kérdés mostantól válik - mihez kell nevezned ezt a CSS fájlt?
Az egyezmény alapjainak megnevezése
Ha külső stíluslapot hoz létre a weboldalakhoz, akkor nevezze el a fájlt a HTML-fájlok hasonló elnevezési szokásait követve:
Ne használjon különleges karaktereket
A CSS fájlnevekben csak az a, az 0, 9, az aláhúzás (_) és a kötőjeleket (-) használhatja. 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 kiszolgáló lehetővé teszi a speciális karaktereket, előfordulhat, hogy nem ez a helyzet, ha úgy döntesz, hogy a jövőben áthelyezi a tárhelyszolgáltatókat .
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 azt is megemlítem, hogy olyan fájlokat nevezzenek meg, mint a PDF-ek, amelyek ugyanazokat az egyezményeket használják, csak akkor, ha valaha is hozzá kell adni egy weboldalhoz. Ha úgy érzed, hogy szükséged lesz egy helyre, hogy könnyebben olvasható legyen a fájlnév, helyett inkább kötőjeleket vagy aláhúzásokat választasz. Például, ahelyett, hogy "ezt a file.pdf-t használnám" használnám "this-is-the-file.pdf".
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 számot karakterekkel kezdheti, akkor ez problémákat okozhat.
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. Saját munkám során minden egyes fájlnévnél kisbetűs karaktereket használok. Igazából azt találtam, hogy ez valami olyasmi, amit sok új web designer megpróbál emlékezni. Alapértelmezett műveletük a fájl elnevezésekor a név első karakterének tőkésítése. 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, bármi sokkal hosszabb, mint az, hogy nehézkes, hogy működjön együtt, és 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:
CssCSS fájlnevezési egyezmények
Ha csak egy CSS-fájlt találsz a webhelyen, megadhatod bármit is. Én inkább:
styles.css vagy default.cssMivel a legtöbb webhelyen dolgozom, amelyek egyetlen CSS fájlt tartalmaznak, ezek a nevek jól működnek számomra.
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 weboldalnak több stíluslapja is lehet hozzájuk csatolva, a stílusok különböző lapokra oszthatók, attól függően, hogy a lap milyen funkciókat és stílusokat tartalmaz. Például:
- Elrendezés vs Tervezés layout.css design.css
- Az oldal szakaszai main.css nav.css
- Az egész webhely alszekciókat tartalmaz a mainstyles.css subpage.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.).
Jennifer Krynin eredeti cikke. Szerkesztette Jeremy Girard 9/5/17