Tampilan lan aran, utawa "gaya" saka situs web didiktiki dening CSS (Cascading Style Sheets). Iki minangka file sing bakal ditambahake menyang direktori situs web sing bakal ngemot aturan CSS sing nggawe desain lan tata letak visual saka kaca sampeyan.
Nalika situs bisa digunakake, lan kerep digunakake, nggunakake macem-macem sheet gaya, ora perlu nglakoni. Sampeyan bisa nyetel kabeh aturan CSS menyang siji file, lan ana uga manfaat kanggo nglakoni, kalebu wektu mlayu sing luwih cepet lan kinerja kaca amarga ora perlu njupuk macem-macem file. Nalika perusahaan gedhe banget, situs web bisa uga butuh sepiring gaya ing wektu, akeh situs cilik nganti medium bisa nindakake kanthi becik karo mung siji file. Iki sing digunakake kanggo sebagian besar karya desain web - file CSS siji karo kabeh aturan sing perlu kaca. Dadi pitakonan saiki dadi - apa sampeyan kudu ngarani berkas CSS iki?
Naming Konvensi Dasar
Nalika sampeyan nggawe sheet gaya eksternal kanggo kaca web sampeyan, sampeyan kudu jeneng file ing ngisor iki minangka jeneng umum kanggo file HTML:
Aja Gunakake Karakter Khusus
Sampeyan mung kudu nggunakake huruf az, angka 0-9, underscore (_), lan hyphens (-) ing jeneng file CSS sampeyan. Nalika sistem file sampeyan bisa ngidini sampeyan nggawe file karo karakter liyane ing kana, OS server sampeyan bisa duwe masalah karo karakter khusus. Sampeyan luwih aman nggunakake mung karakter kasebut ing kene. Sawise kabeh, sanajan server sampeyan ngidini karakter khusus, sing ora bisa kedadeyan yen sampeyan arep mindhah panyedhiya hosting ing mangsa ngarep.
Aja Gunakake Saben Spasi
Kaya karo karakter khusus, spasi bisa nyebabake masalah ing server web sampeyan. Iku apik kanggo nyegah ing jeneng file sampeyan. Aku malah nggawe titik kanggo jeneng file kaya PDFs nggunakake iki padha konvènsi, mung ing kasus aku kudu nambah menyang situs web. Yen sampeyan aran butuh spasi kanggo nggawe jeneng file luwih gampang diwaca, milih hipnose utawa garis bawah tinimbang. Kanggo conto, tinimbang nggunakake "iki file.pdf" Aku bakal nggunakake "this-is-the-file.pdf".
Jeneng File Apa Sampeyan Mulai karo Surat
Nalika iki ora dadi syarat sing mutlak, sawetara sistem duwe masalah karo jeneng file sing ora diawali karo huruf. Contone, yen sampeyan milih miwiti file karo karakter nomer, iki bisa nimbulaké masalah.
Gunakake Kabeh Kain Bawah
Nalika iki ora dibutuhake kanggo jeneng filename, iku apik, amarga sawetara server web iku sensitif cilik, lan yen sampeyan lali lan ngrujuk file kasebut ing kasus sing beda, ora bakal mbukak. Ing karya dhewe, aku nganggo aksara cilik kanggo saben jeneng file. Aku bener nemokake iki dadi bab sing akeh perancang web anyar perjuangan kanggo ngelingi. Tindakan sing dituduhake nalika nampilake file kasebut yaiku kanggo kapitalisasi karakter pisanan saka jeneng kasebut. Aja nglakoni iki lan entuk kabiasaan karakter huruf cilik wae.
Tansah Jeneng File minangka Short minangka Bisa
Nalika ana watesan ukuran berkas ing sistem operasi sing paling akeh, luwih akeh tinimbang kanggo jeneng file CSS. Aturan sing becik ora luwih saka 20 karakter kanggo jeneng berkas ora kalebu ekstensi. Secara realistis, apa maneh sing luwih akeh tinimbang sing ora bisa dilakoni lan ngubungake!
Bagian Paling Penting Panjenengan Jeneng File CSS
Jeneng paling penting saka jeneng berkas CSS ora jeneng berkas dhewe, nanging extension kasebut. Ekstensi ora dibutuhake ing sistem Macintosh lan Linux, nanging luwih becik kanggo nyakup salah siji nalika nulis file CSS. Mangkono sampeyan bakal tansah ngerti yen iku sheet gaya lan ora kudu mbukak file kanggo nemtokake apa iku ing mangsa ngarep.
Iku mbokmenawa ora kejutan gedhe, nanging ekstensi ing file CSS sampeyan kudu:
.cssKonvensi Naming File CSS
Yen sampeyan mung bakal duwe file CSS ing situs, sampeyan bisa ngarani apa wae sing sampeyan seneng. Aku luwih seneng:
styles.css utawa default.cssAwit paling akeh situs aku bisa nyakup file CSS sing siji, jeneng-jeneng iki bisa dianggo kanthi becik kanggo aku.
Yen situs web sampeyan bakal nggunakake pirang-pirang file CSS, jenengake lembar gaya sawise fungsi kasebut supaya jelas persis apa tujuane saben file kasebut. Wiwit kaca web bisa duwe pirang-pirang lembar gaya sing digandhengake, sampeyan bakal mbagi gaya sampeyan menyang lembaran sing beda-beda gumantung marang fungsi sheet lan gaya kasebut. Tuladhane:
- Layout vs Design layout.css design.css
- Bagian situs utama.css nav.css
- Situs kabeh karo sub-bagean mainstyles.css subpage.css
Yen situs web sampeyan nggunakake kerangka sawetara, sampeyan bakal sok dong mirsani sing migunakake pirang-pirang file CSS, sing darmabakti kanggo bagean sing beda saka kaca utawa aspek situs (tipografi, warna, tata letak, lan liya-liyane).
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 9/5/17