Paparan 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 dengan semua peraturan yang diperlukan oleh laman anda. Ini menimbulkan persoalan "Apa yang harus saya namakan fail CSS ini"? "
Menamakan Dasar-dasar Konvensyen
Apabila anda membuat helaian 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 a-z, 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 istimewa, itu tidak mungkin berlaku jika anda memutuskan untuk berpindah ke pembekal hos di masa depan.
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 - anda juga perlu membuat satu titik untuk menamakan fail seperti PDF menggunakan konvensyen yang sama, sekiranya anda perlu menambahkannya ke laman web. Jika anda merasa kuat bahawa anda memerlukan ruang untuk membuat nama fail lebih mudah dibaca, memilih tanda hubung atau menggariskan sebaliknya. Sebagai contoh, bukannya menggunakan "ini adalah fail.pdf" 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 isu-isu ke bawah baris.
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. Menggunakan aksara huruf kecil untuk setiap nama fail sentiasa cara pintar untuk pergi. Sebenarnya, banyak pereka web baru berjuang untuk mengingat untuk melakukan ini - tindakan lalai mereka apabila menamakan fail adalah memanfaatkan watak pertama nama tersebut. 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 pautan ke apa juga.
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:
.css
Konvensyen Penamaan Fail CSS
Sekiranya anda hanya mempunyai satu fail CSS di laman web ini, anda boleh namakan apa sahaja yang anda suka. Salah satu daripada yang berikut adalah lebih baik:
styles.css atau default.css
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 Halaman
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).
Diedit oleh Jeremy Girard
