Katingal jeung ngarasa, atawa "gaya" tina website ieu didikte ku CSS (Cascading Style cadar). Ieu berkas anjeun bakal nambahan mun diréktori ramatloka anjeun nu bakal ngandung rupa-rupa aturan CSS nu nyieun rarancang visual sarta perenah kaca anjeun.
Bari loka bisa ngagunakeun, sarta mindeng ulah, make sababaraha lembar gaya, teu perlu pikeun ngalakukeunana. Anjeun tiasa nempatkeun sagala aturan CSS anjeun kana hiji file, jeung aya sabenerna mangpaat pikeun ngalakukeun kitu, kaasup waktu beban gancang jeung kinerja kaca saprak maranéhna teu kedah dipulut sababaraha payil. Bari kacida gedéna, situs perusahaan mungkin kudu cadar gaya misah di kali, loba leutik ka loka sedeng tiasa ngalakukeun sampurna rupa kalawan ngan hiji file. Ieu naon atuh make pikeun kalolobaan web karya disain kuring - a single file CSS jeung sagala aturan Kaca abdi peryogi. Anu jadi pertanyaan ayeuna janten - naon kudu ngaranan file CSS ieu?
Ngaran Dasar Konvénsi
Lamun anjeun nyieun hiji lambar gaya éksternal pikeun kaca web, anjeun kedah ngaranan file di handap Konvénsi ngaran sarupa pikeun file HTML anjeun:
Ulah Teu Paké Karakter husus
Anjeun ngan kedah nganggo hurup AZ, angka 0-9, underscore (_), sarta hyphens (-) dina ngaran file CSS Anjeun. Bari Sistim file Anjeun bisa ngidinan Anjeun pikeun nyieun payil sareng karakter sejenna di antarana, server OS Anjeun bisa boga isu kalawan karakter husus. Anjeun aman maké mung karakter disebutkeun di dieu. Barina ogé, malah mun server Anjeun ngamungkinkeun pikeun karakter husus, anu bisa jadi hal anu lamun mutuskeun mindahkeun panyadia hosting di mangsa nu bakal datang.
Ulah Teu Paké Sakur spasi
Kawas kalawan karakter husus, spasi bisa ngabalukarkeun masalah dina server wéb anjeun. Ieu mangrupakeun ide nu sae pikeun nyingkahan éta dina ngaran file Anjeun. Kuring malah nyieun hiji titik ka ngaranan file kawas PDFs ngagunakeun ieu Konvénsi sarua, ngan bisi kuring kantos perlu nambahkeun eta ramatloka a. Mun anjeun ngarasa anjeun peryogi spasi sangkan nami file gampang maca, milih pikeun hyphens atanapi underscores gantina. Pikeun conto, tinimbang ngagunakeun "ieu file.pdf nu" Kuring bakal ngagunakeun "kieu-nya-nu-file.pdf".
The File Nami Kudu Mimitian Jeung Hurup a
Bari ieu teu mangrupa sarat mutlak, sababaraha sistim gaduh gangguan kalayan ngaran file nu teu mimitian ku surat. Contona, upami anjeun milih dimimitian file anjeun kalawan karakter angka, ieu bisa ngabalukarkeun masalah.
Paké Sadaya Handap Case
Bari kieu henteu diperlukeun keur Ngaran koropak a, éta mangrupakeun ide nu sae, sakumaha sababaraha server web téh bisi sénsitip, sarta lamun poho jeung nuduhkeun file dina hal béda, éta moal muka. Dina karya kuring sorangan, abdi nganggo karakter hal handap pikeun tiap ngaran koropakna. Kuring geus sabenerna kapanggih ieu janten hiji hal nu loba web désainer anyar bajoang pikeun nginget kana ngalakukeun. Peta standar maranéhna lamun ngaran file téh ditujukeun pikeun capitalize karakter mimiti nami. Ulah ieu sareng meunang kana watek karakter aksara leutik wungkul.
Jaga File Ngaran salaku pondok sakumaha Mungkin
Bari aya wates of ukuranana ngaran koropakna kana paling sistem operasi, éta leuwih lila ti éta lumrah pikeun ngaran file CSS. Hiji aturan hade jempol teu leuwih ti 20 hurup pikeun ngaran file teu kaasup extension nu. Réalistis, nanaon leuwih lila ti éta téh unwieldy digawekeun ku na link nepi baé!
Bagian pangpentingna tina File CSS anjeun Ngaran
Bagian pangpentingna tina nami file CSS sanes nami file sorangan, tapi extension nu. Ekstensi teu diperlukeun dina Macintosh jeung Linux Ubuntu sistem, tapi mangrupakeun ide nu sae pikeun ngawengku hiji atoh lamun nulis file CSS. Cara nu bakal salawasna nyaho yén éta hiji lambar gaya teu kudu muka file anu nangtukeun naon eta aya dina mangsa nu bakal datang.
Ieu meureun moal kejutan badag, tapi éta extension on file CSS Anjeun kedah:
.cssKonvénsi ngaran CSS File
Lamun ngan kantos kudu hiji file CSS dina situs, Anjeun tiasa ngaranan eta naon anjeun resep. Kuring resep boh:
styles.css atanapi default.cssKusabab lolobana situs kuring gawe dina ngawengku hiji file CSS tunggal, ngaran ieu dianggo ogé pikeun kuring.
Mun ramatloka anjeun bakal ngagunakeun sababaraha file CSS, ngaranan gaya cadar sanggeus fungsi maranéhna sangkan eta jelas kahayang kaperluan unggal file is. Kusabab kaca Wéb tiasa gaduh sababaraha gaya cadar napel aranjeunna, éta mantuan mun ditilik gaya Anjeun kana cadar béda gumantung kana fungsi tina lambaran anu jeung gaya dina eta. Salaku conto:
- Perenah vs Desain layout.css design.css
- Page bagian main.css nav.css
- Situs sakabeh kalawan sub-bagian mainstyles.css subpage.css
Mun ramatloka anjeun ngagunakeun kerangka sababaraha jenis, anjeun dipikaresep bakal aya bewara nu eta perkara migunakeun sababaraha file CSS, unggal dedicated ka porsi béda tina kaca atawa aspék situs (tipografi, warna, perenah, jeung sajabana).
Aslina artikel ku Jennifer Krynin. Diédit ku Jeremy Girard on 9/5/17