Veebisaidi ilme ja stiili dikteerib CSS (kaskaadiga stiililehed). See on fail, mille lisate oma veebisaidi kataloogi, mis sisaldab erinevaid CSS-reegleid, mis loovad teie lehtede visuaalse kujunduse ja kujunduse.
Kuigi saidid saavad kasutada ja sageli kasutada mitut stiililehte, pole seda vaja teha. Saate kõik oma CSS-reeglid ühte faili paigutada ja sellest on tegelikult kasu, sealhulgas kiiremini laadimisaeg ja lehtede jõudlust, kuna neil pole vaja mitu faili tuua. Ehkki väga suured, võivad ettevõtte saidid vajada kohati eraldi stiililehti, kuid paljud väikesed ja keskmise suurusega saidid saavad suurepäraselt hakkama ühe failiga koos kõigi teie lehtedele vajalike reeglitega. See tekitab küsimuse "Kuidas peaksin sellele CSS-failile nime panema"? "
Konventsiooni nimetamise aluste nimetamine
Kui loote väline stiilileht oma veebilehtede jaoks peaksite failile nime panema järgima sarnaseid HTML-failide nimetamisviise.
Ärge kasutage erimärke
CSS-i failinimedes peaksite kasutama ainult tähti a-z, numbreid 0–9, alakriipsu (_) ja sidekriipse (-). Kuigi teie failisüsteem võib lubada teil luua faile, milles on muid märke, võib teie serveri OS-il olla probleeme erimärkidega. Teil on turvalisem kasutada ainult siin nimetatud tähemärke. Lõppude lõpuks, isegi kui teie server lubab erimärke, ei pruugi see juhtuda, kui otsustate tulevikus kolida erinevate hostiteenuste pakkujate juurde.
Ärge kasutage ühtegi tühikut
Nii nagu erimärkide puhul, võivad ka tühikud teie veebiserveris probleeme tekitada. Neid on hea oma failinimedes vältida; peaksite isegi mõtlema failide nagu PDF-ide nimetamisele, kasutades neid samu tavasid, igaks juhuks, kui peate need kunagi veebisaidile lisama. Kui tunnete tungivalt, et vajate tühikut failinime hõlpsamaks lugemiseks, valige selle asemel sidekriipsud või alakriipsud. Näiteks selle asemel, et kasutada "see on file.pdf", kasutage "this-is-the-file.pdf".
Failinimi peaks algama tähega
Kuigi see pole absoluutne nõue, on mõnel süsteemil probleeme failinimedega, mis ei alga tähega. Näiteks kui otsustate oma faili alustada numbrimärgiga, võib see põhjustada rida allpool probleeme.
Kasutage kõiki väiketähti
Kuigi failinime jaoks pole seda vaja, on see hea mõte, kuna mõned veebiserverid on tõstutundlikud ja kui unustate faili viidata teisel juhul, siis seda ei laadita. Väikeste tähtede kasutamine iga failinime jaoks on alati arukas viis. Tegelikult on paljudel uutel veebidisaineritel selle tegemise meeles pidamine hädavajalik, nende vaiketoiming faili nimetamisel on nime esimese tähe suurtähtede kasutamine. Vältige seda ja harjuge ainult väikeste tähtedega.
Hoidke failinimi võimalikult lühike
Kuigi enamikul on failinime suurus piiratud opsüsteemid, see on palju pikem kui CSS-i failinime puhul mõistlik on. Hea rusikareegel on failinime puhul kuni 20 tähemärki, ilma laiendita. Realistlikult on palju kauem kui see, millega on niikuinii raske töötada ja millega linkida.
Teie CSS-i failinime kõige olulisem osa
CSS-i failinime kõige olulisem osa pole failinimi ise, vaid laiendus. Laiendusi pole vaja Macintoshis ja Linuxi süsteemid, kuid CSS-faili kirjutamisel on hea see ikkagi lisada. Nii teate alati, et see on stiilileht, ega pea faili avama, et määrata, mis see tulevikus on.
See pole ilmselt suur üllatus, kuid teie CSS-faili laiendus peaks olema:
.css
CSS-i failinimede kokkulepped
Kui teil on saidil kunagi ainult üks CSS-fail, võite selle nimetada mis iganes soovite. Eelistatav on üks järgmistest:
stiil.css
standard.css
default.css
Kui teie veebisait kasutab mitut CSS-faili, nimetage stiililehed nende funktsiooni järgi, nii et on selge, mis täpselt iga faili eesmärk on. Kuna veebilehele võib olla lisatud mitu stiililehte, aitab see teie stiilid jagada erinevateks lehtedeks, sõltuvalt selle lehe funktsioonist ja selles sisalduvatest stiilidest. Näiteks:
-
Paigutus vs. kujundus
paigutus.css kujundus.css
-
Lehe jaotised
main.css nav.css
-
Kogu ala koos alajaotistega
mainstyles.css subpage.css
Kui teie veebisait kasutab mingisugust raamistikku, märkate tõenäoliselt, et see kasutab mitut CSS-faili, igaüks on pühendatud lehtede erinevatele osadele või saidi aspektidele (tüpograafia, värv, küljendus, jne.).