Kwanan nan da CSS (Cascading Style Sheets) ya yi kama da kallo da jin dadi, ko "style" na shafin yanar gizon. Wannan fayil ne da za ku ƙara zuwa tarihin shafin yanar gizonku wanda zai ƙunshi wasu sharuɗɗan CSS da suka haifar da zane na gani da kuma shimfiɗa shafukanku.
Duk da yake shafukan yanar gizo za su iya amfani da su, kuma sau da yawa sukan yi amfani da takardun zane, ba dole ba ne suyi haka. Kuna iya sanya dukkan sharuɗɗɗan CSS zuwa ɗaya fayil, kuma akwai tasiri sosai wajen yin haka, ciki har da lokaci mai tsawo da kuma yin shafukan yanar gizo tun da ba su buƙatar ɗaukar fayiloli masu yawa ba. Duk da yake babban manya, shafukan yanar gizo na iya buƙatar takardun zane daban-daban a wasu lokuta, ƙananan ƙananan wurare masu tsaka-tsaki za su iya yi daidai da ɗaya fayil. Wannan shi ne abin da na yi amfani da mafi yawan ayyukan zane na yanar gizo - fayilolin CSS ɗaya tare da dukkan dokoki da shafukan da nake buƙata. Don haka tambaya ta zama yanzu - menene ya kamata ka kira wannan fayil ɗin CSS?
Alamar Yarjejeniya ta Yarjejeniya
Lokacin da ka ƙirƙiri wani sashi na waje don shafukan yanar gizonku, ya kamata ku yi suna da fayil ɗin da ke bin alamomin sunayen sunayenku don fayilolinku na HTML:
Kada kayi amfani da halayen Musamman
Ya kamata ku yi amfani da haruffan az, lambobi 0-9, nuna (_), da kuma hyphens (-) a cikin sunayen fayilolin CSS naka. Duk da yake tsarin fayil ɗinka zai ba ka izinin ƙirƙirar fayiloli tare da wasu haruffa a cikinsu, asusunka na OS zai iya samun al'amurra tare da haruffa na musamman. Kuna da aminci fiye da kawai abubuwan da aka ambata a nan. Bayan haka, ko da uwar garke naka na ba da izinin haruffa na musamman, wannan bazai zama shari'ar ba idan ka yanke shawara don matsawa masu samar da layi a nan gaba.
Kada kayi amfani da kowane wurare
Kamar dai tare da haruffa na musamman, wurare na iya haifar da matsala a kan sakin yanar gizonku. Abu ne mai kyau don kauce wa su a cikin sunayen fayilolinku. Har ila yau, ina sanya mahimmanci da sunan fayiloli kamar PDFs ta amfani da waɗannan tarurruka guda ɗaya, kawai idan ina bukatan ƙara su zuwa shafin yanar gizo. Idan kun ji kana buƙatar sarari don sanya sunan fayil sauki don karantawa, fita don haɓakawa ko alaƙa a maimakon haka. Alal misali, maimakon yin amfani da "wannan shi ne file.pdf" Zan yi amfani da "wannan-shi-da-file.pdf".
Dole ne Rubuta Sunan Za a Fara Da Wasika
Duk da yake wannan ba cikakke ba ne, wasu tsarin suna da matsala tare da sunayen fayilolin da basu fara tare da wasika ba. Alal misali, idan ka zaɓa don fara fayil naka tare da halin haruffa, wannan zai haifar da al'amura.
Yi amfani da Ƙananan Ƙira
Duk da cewa ba a buƙaci wannan sunan ba, yana da kyau, kamar yadda wasu shafukan intanet suke da damuwa, kuma idan ka mance da kuma kula da fayil ɗin a cikin wani batu, ba za a ɗora ba. A cikin aikin kaina, na yi amfani da ƙananan haruffa don kowane sunan fayil. Na ainihi ga wannan ya zama wani abu da sababbin masu zane-zanen yanar gizo ke yunkurin tunawa. Ayyukan su na baya lokacin da ake kira fayil din shine ya sa girman hali na farko. Ka guji wannan kuma ka kasance cikin al'ada na ƙananan harufa kawai.
Tsaya sunan Fayil a matsayin Kyau kamar yadda zai yiwu
Duk da yake akwai ƙayyadadden girman sunan fayil akan mafi yawan tsarin aiki, yana da yawa fiye da yadda ya dace don sunan CSS. Kyakkyawan tsarin yatsan hannu bai wuce haruffa 20 ba don sunan fayil ba tare da tsawo ba. Gaskiya, duk abin da ya fi haka ba shi da aiki don aiki da kuma haɗi zuwa duk wata hanya!
Muhimmin Mahimmanci na CSS File Name
Sashe mafi mahimmanci na sunan fayil ɗin CSS ba sunan sunan fayil ba ne, amma tsawo. Ba a buƙatar kariya a kan Macintosh da Linux ba, amma yana da kyakkyawan ra'ayin hada da juna duk lokacin da kake rubuta fayil ɗin CSS. Wannan hanya za ku sani cewa ko da yaushe akwai takardar shaidar kayan aiki kuma kada ku bude fayil don sanin abin da yake a nan gaba.
Wataƙila ba mamaki bane, amma tsawo a kan fayil ɗin CSS ya zama:
.cssCSS Fassara Kundin tsarin
Idan har kawai kuna da fayil guda CSS a shafin, za ku iya suna duk abin da kuka so. Na fi son ko dai:
styles.css ko default.cssTun da yawancin shafukan da na ke aiki sun haɗa da fayilolin CSS ɗaya, waɗannan sunaye na aiki sosai a gare ni.
Idan shafin yanar gizonku zai yi amfani da fayilolin CSS masu yawa, da sunan zane-zane bayan aikin su don haka ya bayyana a fili ainihin ma'anar kowane fayil. Tun da shafin yanar gizon yanar gizo yana iya samun nau'in zane-zane da yawa a haɗe zuwa gare su, yana taimaka wajen raba sassanku a cikin shafukan daban-daban dangane da aikin wannan takarda da kuma styles a ciki. Misali:
- Layout vs Design layout.css design.css
- Page sassan main.css nav.css
- Shafuka tare da sassan sassan mainstyles.css subpage.css
Idan shafin yanar gizonku yana amfani da wani nau'i na wasu nau'o'i, zaku iya lura cewa yana amfani da fayilolin CSS masu yawa, kowannensu ya sadaukar da shi ga bangarori daban-daban na shafuka ko wasu sassan shafin (typography, launi, layout, da dai sauransu).
Labari na farko daga Jennifer Krynin. Edited by Jeremy Girard on 9/5/17