Veebisaidi välimust ja tundeid või "stiili" määrab CSS (kaskaaditavate stiilide loendid). See on fail, mida lisate oma veebisaidi kataloogi, mis sisaldab erinevaid CSS-i reegleid, mis loovad teie lehtede visuaalse kujunduse ja kujunduse.
Kuigi saidid saavad kasutada ja sageli seda kasutada mitut stiililehte, pole seda vaja teha. Saate kõik oma CSS-i reeglid asetada ühte faili ja tegelikult on sellest kasu, sealhulgas kiiremini laadimisaeg ja lehtede toimivus , kuna neil pole vaja mitu faili üles laadida. Kuigi väga suured ettevõtted võivad mõnikord vajada eraldi stiililehte, on paljud väikesed ja keskmise suurusega saidid täiesti korras ainult ühes failis. Seda ma kasutan enamiku oma veebidisaini töö jaoks - ühe CSS-faili koos kõikide eeskirjadega, mida minu lehed vajavad. Nii et küsimus muutub nüüd - mida peaksite seda CSS-faili nimetama?
Nimega konventsiooni alused
Kui loote veebilehtede välise stiililehe , peate oma failide HTML-failide sarnase nimetamise konventsiooni järgi nimetama faili:
Ärge kasutage erimärke
Kasutage oma CSS-failide nimedes ainult tähed az, numbreid 0-9, allkirja (_) ja sidekriipsud (-). Kuigi teie failisüsteem võib lubada teil luua faile teiste märksõnadega, võib teie serveri operatsioonisüsteemis olla erimärkidega probleeme. Sa oled turvalisem, kasutades ainult siin mainitud märki. Lõppude lõpuks, isegi kui teie server lubab erimärke, ei pruugi see nii olla, kui otsustate tulevikus hosting pakkujaid teisaldada.
Ärge kasutage ühtegi ruumi
Nii nagu erimärkide korral, võivad ruumid veebiserveris probleeme tekitada. Soovitav on neid vältida oma failinimedes. Ma isegi annan selle, et nimetaksin selliseid faile nagu PDF-failid, kasutades samu tavasid, kui pean kunagi neid veebisaidile lisama. Kui tunnete, et failinime lihtsamaks lugemiseks on vaja ruumi, valige selle asemel sidekriipsud või alakriipsud. Näiteks, selle asemel, et kasutada "see on fail .pdf", oleksin kasutanud "this-is-the-file.pdf".
Failinimi peaks algama kirjaga
Kuigi see pole absoluutne nõue, on mõnel süsteemil probleeme failinimedega, mis ei käivitu tähega. Näiteks kui soovite alustada numbrimärgiga faili, võib see põhjustada probleeme.
Kasutage kõiki väiksemaid ümbriseid
Kuigi see ei ole vajalik failinime jaoks, on see hea mõte, kuna mõned veebiserverid on tõstutundlikud ja kui te unustate ja viite faili teistsugusel juhul, siis see ei laadita. Oma töös kasutan iga faili nime puhul väiketähti. Ma olen tegelikult leidnud, et see on midagi, mida mitmed uued veebidisainerid võitlevad, et seda meeles pidada. Nende vaiketeade faili nimetamisel on nime esimese tähemärgi pealimärkimine. Vältige seda ja jõuate harjumust ainult väiketähtedega.
Hoidke failinime nii lühikeseks ajaks kui võimalik
Kuigi enamikul operatsioonisüsteemidel on failinime suuruse piirang, on see palju pikem kui CSS-faili nime jaoks mõistlik. Päiservase hea reegel on kuni 20 tähemärki faili nimele, mis ei sisalda laiendit. Tegelikult on midagi palju pikem kui see, mis on koormav, et töötada ja linkida ikkagi!
CSS-faili nime kõige olulisem osa
CSS-faili nime kõige olulisem osa ei ole faili nimi ise, vaid laiend. Macintoshi ja Linuxi süsteemides pole vaja laiendusi, kuid CSS-faili kirjutamisel on siiski hea mõte lisada see üks. Sel moel teate alati, et tegemist on stiililehega ja ei pea faili avama, et määrata, milline see on tulevikus.
See pole ilmselt suur üllatus, kuid CSS-faili laiend peaks olema:
.cssCSS-faili nimede konventsioonid
Kui teie saidil on kunagi üks CSS-fail, võite nimetada selle, mida soovite. Ma eelistan kas:
styles.css või default.cssKuna enamik saite, millega ma töötan, hõlmavad üht CSS-faili, on need nimed minu heaks hästi toimivad.
Kui teie veebisait kasutab mitu CSS-faili, nimetage pärast nende funktsiooni stiililehed, nii et iga faili eesmärk on täpselt selge. Kuna veebilehel võib olla mitu stiililehte, siis see aitab jagada teie stiilid erinevatesse lehtedesse sõltuvalt selle lehe funktsioonist ja selle stiilidest. Näiteks:
- Layout vs. Design layout.css design.css
- Lehekülje sektsioonid main.css nav.css
- Kogu alajaotised mainstyles.css subpage.css
Kui teie veebisait kasutab mõnda raamistikku, märkate tõenäoliselt, et kasutab mitut CSS-faili, millest igaüks on pühendatud saidi erinevatele osadele või aspektidele (tüpograafia, värv, paigutus jne).
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard 5.9.17