Ang hitsura at pakiramdam, o "estilo" ng isang website ay idinidikta ng CSS (Cascading Style Sheets). Ito ay isang file na idaragdag mo sa direktoryo ng iyong website na naglalaman ng iba't ibang mga panuntunan sa CSS na lumikha ng visual na disenyo at layout ng iyong mga pahina.
Habang ang mga site ay maaaring gamitin, at madalas gawin, gumamit ng maramihang mga style sheet, hindi na kailangang gawin ito. Maaari mong ilagay ang lahat ng iyong mga panuntunan sa CSS sa isang file, at may mga tunay na pakinabang sa paggawa nito, kabilang ang mas mabilis na oras ng pag-load at pagganap ng mga pahina dahil hindi nila kailangang makuha ang maraming mga file. Habang napakalaking, ang mga enterprise ng enterprise ay maaaring mangailangan ng hiwalay na estilo ng sheet sa mga oras, maraming maliit at daluyan na mga site ay maaaring gawin ganap na multa sa isang file lamang. Ito ang ginagamit ko para sa karamihan ng aking trabaho sa disenyo ng web - isang solong mga file na CSS sa lahat ng mga patakaran na kailangan ng aking mga pahina. Kaya nagiging tanong ngayon - ano ang dapat mong pangalanan ang CSS file na ito?
Mga Pangunahing Kaalaman sa Pagpapalista
Kapag lumikha ka ng isang panlabas na style sheet para sa iyong mga web page, dapat mong pangalanan ang file na sumusunod sa katulad na mga kombensyong pagbibigay ng pangalan para sa iyong mga file na HTML:
Huwag Gumamit ng mga Espesyal na Character
Dapat mong gamitin lamang ang mga titik az, numero 0-9, underscore (_), at mga hyphens (-) sa iyong mga pangalan ng CSS file. Habang ang iyong file system ay maaaring magpapahintulot sa iyo na lumikha ng mga file sa iba pang mga character sa mga ito, ang iyong server OS ay maaaring magkaroon ng mga isyu sa mga espesyal na character. Ikaw ay mas ligtas na gamit lamang ang mga character na nabanggit dito. Matapos ang lahat, kahit na ang iyong server ay nagbibigay-daan para sa mga espesyal na character, maaaring hindi ito ang kaso kung nagpasya kang ilipat ang mga provider ng hosting sa hinaharap.
Huwag Gumamit ng Anumang mga puwang
Katulad ng mga espesyal na character, ang puwang ay maaaring maging sanhi ng mga problema sa iyong web server. Magandang ideya na maiwasan ang mga ito sa iyong mga pangalan ng file. Ginagawa ko pa ring punto na mag-pangalan ng mga file tulad ng mga PDF gamit ang parehong mga kombensyon, kung sakaling kailangan kong idagdag ang mga ito sa isang website. Kung sa tingin mo kailangan mo ng espasyo upang gawing mas madaling basahin ang pangalan ng file, mag-opt para sa mga gitling o underscore sa halip. Para sa mga halimbawa, sa halip ng paggamit ng "ito ang file.pdf" Gusto kong gamitin ang "this-is-the-file.pdf".
Ang Pangalan ng File Dapat Magsimula Sa Isang Liham
Bagaman ito ay hindi isang ganap na pangangailangan, ang ilang mga sistema ay may problema sa mga pangalan ng file na hindi nagsisimula sa isang liham. Halimbawa, kung pinili mong simulan ang iyong file na may numero ng character, maaari itong maging sanhi ng mga isyu.
Gamitin ang Lahat ng Mas Mababang Kaso
Habang hindi ito kinakailangan para sa isang filename, ito ay isang magandang ideya, tulad ng ilang mga web server ay sensitibo sa kaso, at kung nakalimutan mo at isangguni ang file sa ibang kaso, hindi ito makakarga. Sa aking sariling gawain, gumagamit ako ng mga mas maliit na case character para sa bawat pangalan ng file. Talagang natagpuan ko ito upang maging isang bagay na maraming mga bagong taga-disenyo ng web na nagpupumilit na matandaan na gawin. Ang kanilang mga default na aksyon kapag ang pagbibigay ng isang file ay upang mapakinabangan ang unang karakter ng pangalan. Iwasan ang mga ito at makakuha ng sa ugali ng mga maliliit na character lamang.
Panatilihin ang Pangalan ng File bilang Maikling Posibleng
Habang mayroong isang limitasyon ng laki ng pangalan ng file sa karamihan sa mga operating system, ito ay mas matagal kaysa sa makatwirang para sa isang pangalan ng CSS file. Ang isang mahusay na tuntunin ng hinlalaki ay hindi hihigit sa 20 mga character para sa pangalan ng file na hindi kasama ang extension. Realistically, anumang bagay na mas mahaba kaysa sa iyon ay mahirap gamitin sa trabaho at link sa gayon pa man!
Ang Pinakamahalagang Bahagi ng Iyong Pangalan ng File sa CSS
Ang pinakamahalagang bahagi ng pangalan ng CSS file ay hindi ang pangalan ng file mismo, ngunit ang extension. Ang mga extension ay hindi kinakailangan sa mga sistema ng Macintosh at Linux, ngunit ito ay isang magandang ideya na isama ang isa pa kapag nagsusulat ng isang CSS file. Sa ganoong paraan ay lagi mong malaman na ito ay isang style sheet at hindi kailangang buksan ang file upang matukoy kung ano ito sa hinaharap.
Marahil ito ay hindi isang malaking sorpresa, ngunit ang extension sa iyong CSS file ay dapat na:
.cssMga Naming Conventions ng File ng CSS
Kung ikaw ay magkakaroon lamang ng isang CSS file sa site, maaari mong pangalanan ito kahit anong gusto mo. Mas gusto ko ang alinman sa:
styles.css o default.cssDahil karamihan sa mga site na aking ginagawa sa isama ang isang solong mga file na CSS, ang mga pangalan na ito ay mahusay para sa akin.
Kung ang iyong website ay gumamit ng maramihang mga file ng CSS, pangalanan ang mga style sheet pagkatapos ng kanilang pag-andar upang malinaw na eksakto kung ano ang layunin ng bawat file. Dahil ang isang Web page ay maaaring magkaroon ng maramihang mga style sheet na nakalakip sa kanila, nakakatulong ito na hatiin ang iyong mga estilo sa iba't ibang mga sheet depende sa pag-andar ng sheet na iyon at mga estilo sa loob nito. Halimbawa:
- Layout vs Disenyo layout.css design.css
- Mga seksyon ng pahina main.css nav.css
- Buong site na may sub-seksyon mainstyles.css subpage.css
Kung ang iyong website ay gumagamit ng isang balangkas ng ilang mga uri, malamang na mapapansin mo na gumagamit ito ng maramihang mga file na CSS, ang bawat isa ay nakatuon sa iba't ibang bahagi ng mga pahina o aspeto ng site (palalimbagan, kulay, layout, atbp.).
Orihinal na artikulo ni Jennifer Krynin. Na-edit ni Jeremy Girard noong 9/5/17