Ang pagtan-aw ug pagbati, o "estilo" sa usa ka website gimandoan sa CSS (Cascading Style Sheets). Kini usa ka file nga imong idugang sa direktoryo sa imong website nga maglakip sa nagkalain-lain nga mga lagda sa CSS nga naghimo sa visual design ug layout sa imong mga panid.
Samtang ang mga site mahimong magamit, ug sa kasagaran mahimo, gamiton ang daghang mga style sheets, dili kinahanglan nga buhaton kini. Mahimo nimo ibutang ang tanan nga mga lagda sa CSS ngadto sa usa ka file, ug adunay mga benepisyo sa paghimo sa ingon, lakip ang mas paspas nga oras sa pag-load ug paghimo sa mga panid tungod kay dili kinahanglan nga makuha ang daghang mga file. Samtang dako kaayo, ang mga site sa kompaniya usahay magkinahanglan og lain nga estilo sa estilo, daghang mga gagmay ug medium nga mga site ang mahimo nga hingpit nga maayo sa usa lamang ka file. Mao kini ang akong gigamit alang sa kadaghanan sa akong buhat sa pagdisenyo sa web - usa ka CSS nga mga file uban sa tanang mga lagda nga gikinahanglan sa akong mga panid. Busa ang pangutana karon nahimo - unsa ang imong ngalan niining CSS file?
Pag-ila sa Mga Basihanan sa Kombensiyon
Kon maghimo ka og estilo sa estudyo sa gawas para sa imong mga web page, kinahanglan nga imong hinganlan ang file nga nagsunod sa susama nga mga convention sa pag-apod-apod sa imong mga file sa HTML:
Ayaw Paggamit sa Espesyal nga Mga Kinaiya
Kinahanglan mo lamang gamiton ang mga letra az, numero 0-9, underscore (_), ug mga hyphens (-) sa imong mga pangalan sa CSS file. Samtang ang imong file system makapahimo kanimo sa paghimo og mga file uban sa ubang mga karakter nga anaa kanila, ang imong server OS mahimong adunay mga isyu nga may mga espesyal nga mga karakter. Mas luwas ka gamit ang mga karakter nga gihisgutan dinhi. Human sa tanan, bisan kon ang imong server nagtugot alang sa mga espesyal nga mga karakter, nga dili kini mao ang mahitabo kon ikaw modesisyon sa pagbalhin sa hosting providers sa umaabot.
Ayaw Paggamit sa bisan unsang mga Luna
Sama sa mga espesyal nga karakter, ang mga luna mahimong hinungdan sa mga problema sa imong web server. Maayo nga ideya nga likayan ang mga ngalan sa imong mga file. Gihimo pa gani nako nga usa ka punto ang pag-ngalan sa mga file sama sa mga PDF gamit ang susama nga mga kombensiyon, kon kinahanglan ko nga idugang kini sa usa ka website. Kon imong gibati nga kinahanglan nimo ang usa ka luna aron himo nga sayon ang pagbasa sa pangalan sa file, pagpili alang sa mga hyphen o underscore sa baylo. Alang sa mga pananglitan, sa baylo nga gamiton "kini ang file.pdf" akong gamiton ang "this-is-the-file.pdf".
Ang Ngalan sa File Kinahanglan nga Magsugod Paagi sa Sulat
Samtang kini dili usa ka hingpit nga kinahanglanon, ang pipila ka mga sistema adunay kasamok sa mga ngalan sa mga file nga dili nagsugod sa usa ka sulat. Pananglitan, kung gipili nimo ang pagsugod sa imong file nga may numero nga karakter, kini mahimong hinungdan sa mga isyu.
Gamita ang Tanang Ubos nga Kaso
Samtang wala kini gikinahanglan alang sa usa ka filename, kini usa ka maayong ideya, tungod kay ang pipila ka mga web server mga sensitibo sa kaso, ug kon imong kalimtan ug isulti ang file sa laing kaso, kini dili mabug-atan. Sa akong kaugalingon nga trabaho, ako naggamit sa mga ubos nga mga karakter alang sa matag ngalan sa file. Nakaplagan ko gayud kini nga usa ka butang nga daghang mga bag-ong web designers nakigbisog sa paghinumdom nga buhaton. Ang ilang mga default nga aksyon sa dihang ang pagngalan sa usa ka file mao ang pagpahimulos sa unang karakter sa ngalan. Likayi kini ug pag-usab sa kinaiya sa gamay nga mga karakter lamang.
Hupti ang Ngalan sa File isip Mubo nga Posible
Samtang adunay limitasyon sa gidak-on sa gidak-on nga ngalan sa kadaghanan sa mga operating system, mas taas kini kay sa makatarunganon alang sa usa ka CSS file nga ngalan. Ang usa ka maayong pagmando sa kumagko dili kapin sa 20 ka mga karakter alang sa pangalan sa file nga wala naglakip sa extension. Sa tinuud, ang bisan unsa nga mas dugay kay sa dili kinahanglan nga magtrabaho ug mag-link sa gihapon!
Ang Labing Importante nga bahin sa imong CSS File Name
Ang labing importante nga bahin sa ngalan sa CSS file dili ang ngalan sa file mismo, apan ang extension. Ang mga extension wala gikinahanglan sa Macintosh ug sa Linux nga mga sistema, apan kini usa ka maayong ideya nga ilakip ang usa bisan pa sa pagsulat sa CSS file. Nianang paagiha mahibal-an nimo kanunay nga kini usa ka style sheet ug dili kinahanglan buksan ang file aron mahibal-an kung unsa kini sa umaabot.
Kini tingali dili usa ka dako nga sorpresa, apan ang extension sa imong CSS file kinahanglan:
.cssCSS File Naming Conventions
Kon ikaw adunay usa lamang ka CSS nga file sa site, mahimo nimo kining tawgon bisan unsay imong gusto. Gusto nako:
styles.css o default.cssTungod kay ang kadaghanan sa mga site nga akong gigamit naglakip sa usa ka file sa CSS, kining mga ngalan maayo alang kanako.
Kon ang imong website mogamit sa daghang mga file sa CSS, tawga ang mga style sheets pagkahuman sa ilang function aron kini klaro kon unsa ang katuyoan sa matag file. Tungod kay ang usa ka pahina sa Web adunay daghang mga style sheets nga gilakip ngadto kanila, kini makatabang sa pagbahin sa imong mga estilo ngadto sa nagkalainlain nga mga papel depende sa gimbuhaton sa maong panid ug sa mga estilo sulod niini. Pananglitan:
- Layout vs Design layout.css design.css
- Mga panid sa seksyon sa main.css nav.css
- Tibuok site nga may mga sub-section mainstyles.css subpage.css
Kung ang imong website mogamit sa usa ka balangkas sa usa ka matang, tingali makamatikod nga kini naggamit sa daghang mga file sa CSS, ang matag usa gipahinungod ngadto sa nagkalainlain nga mga bahin sa mga pahina o mga aspeto sa site (typography, kolor, layout, ug uban pa).
Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 9/5/17