Wat moet ek my CSS Styl Sheet-lêer noem?

Die voorkoms en gevoel of styl van 'n webwerf word deur CSS (Cascading Style Sheets) gedikteer. Dit is 'n lêer wat u by die webwerf van u webwerf sal voeg, wat die verskillende CSS-reëls bevat wat die visuele ontwerp en uitleg van u bladsye sal skep.

Terwyl webwerwe kan gebruik, en dikwels doen, gebruik verskeie style sheets, dit is nie nodig om dit te doen nie. Jy kan al jou CSS-reëls in een lêer plaas, en daar is eintlik voordele om dit te doen, insluitend vinniger laai tyd en prestasie van bladsye, aangesien hulle nie veelvuldige lêers hoef te haal nie. Terwyl baie groot ondernemingswebwerwe soms tye afsonderlike stylbladsye benodig, kan baie klein tot medium webwerwe perfek goed met net een lêer doen. Dit is wat ek gebruik vir die meeste van my webontwerpwerk - 'n enkele CSS-lêer met al die reëls wat my bladsye benodig. So word die vraag nou - wat moet jy hierdie CSS-lêer noem?

Benaming van Konvensie Basiese

As jy 'n eksterne stylblad vir jou webbladsye skep, moet jy die lêer noem wat soortgelyke naamkonvensies vir jou HTML-lêers volg:

Moenie spesiale karakters gebruik nie

U moet slegs die letters az, nommers 0-9, onderstreep (_) en koppeltekens (-) in u CSS-lêernaam gebruik. Terwyl u lêersisteem u toelaat om lêers met ander karakters in hulle te skep, kan u bediener-bedryfstelsel probleme met spesiale karakters hê. U is veiliger deur slegs die karakters wat hier genoem word, te gebruik. Uiteindelik, selfs as u bediener spesiale karakters toelaat, kan dit dalk nie die geval wees as u besluit om in die toekoms hostingverskaffers te skuif nie.

Moenie enige spasies gebruik nie

Net soos met spesiale karakters, kan spasies probleme op jou webbediener veroorsaak. Dit is 'n goeie idee om dit te vermy in jou lêername. Ek maak dit selfs 'n punt om lêers soos PDF's te gebruik met dieselfde konvensies, net as ek dit ooit op 'n webwerf moet byvoeg. As jy voel dat jy 'n spasie nodig het om die lêernaam makliker te maak, kies eerder koppeltekens of onderskrifte. Vir voorbeelde, in plaas van die gebruik van "dit is die lêer.pdf" Ek sal "this-is-the-file.pdf" gebruik.

Die lêernaam moet met 'n brief begin

Alhoewel dit nie 'n absolute vereiste is nie, het sommige stelsels probleme met lêername wat nie met 'n brief begin nie. Byvoorbeeld, as u kies om u lêer te begin met die getalkarakter, kan dit probleme veroorsaak.

Gebruik All Lower Case

Alhoewel dit nie nodig is vir 'n lêernaam nie, is dit 'n goeie idee, aangesien sommige webbedieners hooflettergevoelig is, en as u die lêer in 'n ander geval vergeet en verwys, sal dit nie laai nie. In my eie werk gebruik ek kleinletters vir elke lêernaam. Ek het eintlik gevind dat dit iets is wat baie nuwe webontwerpers sukkel om te onthou om te doen. Hul standaardaksie wanneer 'n lêer genaamd word, is om die eerste karakter van die naam te kapitaliseer. Vermy dit en kom slegs in die gewoonte van kleinletters.

Hou die lêernaam so kort as moontlik

Alhoewel daar 'n beperking van lêernaamgrootte op die meeste bedryfstelsels is, is dit veel langer as wat redelik is vir 'n CSS-lêernaam. 'N Goeie reël is nie meer as 20 karakters vir die lêernaam nie, behalwe die uitbreiding. Realisties, enigiets veel langer as dit, is onbuigsaam om saam te werk en in elk geval te skakel!

Die belangrikste deel van u CSS-lêernaam

Die belangrikste deel van die CSS lêernaam is nie die lêernaam self nie, maar die uitbreiding. Uitbreidings word nie vereis op Macintosh- en Linux-stelsels nie, maar dit is 'n goeie idee om een ​​in elk geval by die skryf van 'n CSS-lêer in te sluit. So sal jy altyd weet dat dit 'n style is en nie die lêer moet oopmaak om te bepaal wat dit in die toekoms is nie.

Dit is waarskynlik nie 'n groot verrassing nie, maar die uitbreiding op jou CSS-lêer moet wees:

Css

CSS Lêer Benaming Konvensies

As jy net een CSS-lêer op die werf sal hê, kan jy dit noem wat jy wil. Ek verkies ook:

styles.css of default.css

Aangesien die meeste webwerwe waaraan ek werk, sluit in 'n enkele CSS-lêer, werk hierdie name goed vir my.

As jou webwerf verskeie CSS-lêers sal gebruik, noem die style sheets na hul funksie, dus is dit duidelik presies wat die doel van elke lêer is. Aangesien 'n webblad verskeie stylevelle aan hulle kan koppel, help dit om jou style in verskillende velle te verdeel, afhangende van die funksie van die vel en die style daarin. Byvoorbeeld:

As jou webwerf 'n raamwerk van een of ander aard gebruik, sal jy waarskynlik sien dat dit verskeie CSS-lêers gebruik, elk toegewys aan verskillende gedeeltes van die bladsye of aspekte van die webwerf (tipografie, kleur, uitleg, ens.).

Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 9/5/17