Tampilan dan nuansa, atau "gaya" laman web ditentukan oleh CSS (Cascading Style Sheets). Ini adalah fail yang akan anda tambahkan ke direktori tapak web anda yang akan mengandungi pelbagai peraturan CSS yang mencipta reka bentuk visual dan tata letak halaman anda.
Walaupun tapak boleh digunakan, dan sering kali dilakukan, menggunakan banyak helaian gaya, tidak perlu berbuat demikian. Anda boleh meletakkan semua peraturan CSS anda dalam satu fail, dan sebenarnya terdapat manfaat untuk melakukannya, termasuk masa beban yang lebih cepat dan prestasi laman kerana mereka tidak perlu mengambil beberapa fail. Walaupun tapak perusahaan yang sangat besar mungkin memerlukan helaian gaya berasingan pada masa-masa, banyak tapak kecil dan sederhana boleh melakukan dengan baik dengan hanya satu fail. Inilah yang saya gunakan untuk kebanyakan kerja reka bentuk web saya - satu fail CSS dengan semua peraturan yang diperlukan oleh halaman saya. Jadi soalan sekarang menjadi - apa yang harus anda namakan fail CSS ini?
Menamakan Dasar-dasar Konvensyen
Apabila anda membuat lembaran gaya luaran untuk halaman web anda, anda harus menamakan fail berikut conventions penamaan yang serupa untuk fail HTML anda:
Jangan gunakan aksara khas
Anda hanya perlu menggunakan huruf az, nombor 0-9, underscore (_), dan tanda hubung (-) dalam nama fail CSS anda. Walaupun sistem fail anda membolehkan anda membuat fail dengan aksara lain di dalamnya, OS pelayan anda mungkin mempunyai masalah dengan aksara khas. Anda lebih selamat menggunakan hanya aksara yang disebut di sini. Lagipun, walaupun pelayan anda membenarkan watak-watak khas, itu tidak mungkin berlaku jika anda memutuskan untuk memindahkan pembekal hosting pada masa hadapan.
Jangan gunakan mana-mana ruang
Sama seperti aksara khas, ruang boleh menyebabkan masalah pada pelayan web anda. Adalah idea yang baik untuk mengelakkannya dalam nama fail anda. Saya juga membuat satu titik untuk menamakan fail seperti PDF menggunakan konvensyen yang sama, sekiranya saya perlu menambahkannya ke laman web. Sekiranya anda merasakan anda memerlukan ruang untuk menjadikan nama fail lebih mudah dibaca, memilih tanda hubung atau menggariskan sebaliknya. Contohnya, bukannya menggunakan "ini adalah file.pdf" Saya akan menggunakan "this-is-the-file.pdf".
Nama Fail Harus Dimulakan Dengan Surat
Walaupun ini bukan keperluan mutlak, sesetengah sistem mempunyai masalah dengan nama fail yang tidak bermula dengan huruf. Sebagai contoh, jika anda memilih untuk memulakan fail anda dengan aksara nombor, ini boleh menyebabkan masalah.
Gunakan Semua Kes Rendah
Walaupun ini tidak diperlukan untuk nama fail, ini adalah idea yang baik, kerana sesetengah pelayan web adalah sensitif huruf, dan jika anda melupakan dan merujuk fail dalam kes yang berbeza, ia tidak akan dimuatkan. Dalam kerja saya sendiri, saya menggunakan huruf kecil untuk setiap nama fail. Saya benar-benar mendapati ini menjadi sesuatu yang banyak pereka web baru berjuang untuk diingat. Tindakan lalai mereka apabila menamakan fail adalah memanfaatkan aksara pertama nama. Elakkan perkara ini dan masuk ke dalam kebiasaan huruf kecil sahaja.
Pastikan Nama Fail Sebagai Pendek Sebagai Kemungkinan
Walaupun terdapat had saiz nama fail pada kebanyakan sistem pengendalian, ia lebih lama daripada yang munasabah untuk nama fail CSS. Peraturan praktikal yang baik adalah tidak lebih daripada 20 aksara untuk nama fail tidak termasuk pelanjutan. Secara realistik, apa-apa yang lebih lama daripada itu adalah sukar untuk bekerjasama dan menghubungkan dengan apa-apa lagi!
Bahagian Paling Penting Nama Fail CSS Anda
Bahagian yang paling penting dalam nama fail CSS bukan nama fail itu sendiri, tetapi pelanjutannya. Sambungan tidak diperlukan pada sistem Macintosh dan Linux, tetapi ia adalah idea yang baik untuk memasukkan satu pula apabila menulis fail CSS. Dengan cara itu, anda akan sentiasa tahu bahawa ia adalah helaian gaya dan tidak perlu membuka fail untuk menentukan apa yang berlaku pada masa akan datang.
Ini mungkin bukan satu kejutan besar, tetapi lanjutan pada fail CSS anda mestilah:
.cssKonvensyen Penamaan Fail CSS
Sekiranya anda hanya mempunyai satu fail CSS di laman web ini, anda boleh namakan apa sahaja yang anda suka. Saya lebih suka sama ada:
styles.css atau default.cssOleh kerana kebanyakan laman web yang saya kerjakan termasuk satu fail CSS, nama-nama ini berfungsi dengan baik untuk saya.
Jika laman web anda akan menggunakan beberapa fail CSS, namakan helaian gaya selepas fungsi mereka supaya jelas sama maksudnya untuk setiap fail. Oleh kerana laman Web boleh mempunyai beberapa helaian gaya yang melekat pada mereka, ia membantu untuk membahagikan gaya anda ke dalam helaian berbeza bergantung pada fungsi helaian itu dan gaya di dalamnya. Sebagai contoh:
- Layout vs Design layout.css design.css
- Bahagian bahagian main.css nav.css
- Tapak keseluruhan dengan sub-bahagian mainstyles.css subpage.css
Jika laman web anda menggunakan kerangka semacam jenis, anda mungkin akan melihat bahawa ia menggunakan beberapa fail CSS, masing-masing didedikasikan kepada bahagian yang berlainan halaman atau aspek laman web (tipografi, warna, susun atur, dan lain-lain).
Artikel asal oleh Jennifer Krynin. Disunting oleh Jeremy Girard pada 9/5/17