Veb-saytning ko'rinishi va hissi yoki "uslubi" CSS (Kaskad stillari jadvallari) tomonidan belgilanadi. Ushbu veb-saytingiz katalogiga siz kiritadigan turli xil CSS-qoidalarni o'z ichiga olgan fayl. Bu sizning sahifangizning ingl. Dizaynini va tartibini yaratadi.
Saytlar foydalanishi va ko'pincha bajarishi mumkin bo'lsa, bir nechta uslublar jadvalidan foydalaning, buni qilish kerak emas. Siz barcha CSS qoidalaringizni bir faylga joylashtirishingiz mumkin va buning uchun ko'p foyda bor. Bunga tezroq yuklash vaqtlari va sahifalarning ishlashi , ular bir nechta fayllarni olish shart emas. Juda katta bo'lsa-da, korporativ saytlar alohida uslublar jadvallariga kerak bo'lishi mumkin, ko'pchilik kichik va o'rta saytlar faqat bir fayl bilan juda yaxshi ish qilishlari mumkin. Bu mening veb-dizayn ishlarining ko'pchiligi uchun foydalanadigan narsadir - sahifalarimning barcha qoidalariga ega bo'lgan yagona CSS fayllari. Shunday qilib, endi savol - bu CSS faylini nima nomlash kerak?
Konventsiya asoslarini nomlash
Veb-sahifalaringiz uchun tashqi uslublar jadvalini yaratganingizda faylni HTML fayllari uchun o'xshash nomlash qoidalari bilan ta'riflashingiz kerak:
Maxsus belgilarni ishlatmang
CSS-fayl nomlaridan faqat harflar az, raqamlar 0-9, pastki chiziq (_) va defis (-) dan foydalaning. Fayl sistemangizda boshqa belgilar bilan fayllar yaratishga ruxsat berishi mumkin bo'lsa-da, serveringiz OS maxsus belgilar bilan bog'liq muammolarga ega bo'lishi mumkin. Siz bu erda keltirilgan belgilarni ishlatishdan xavfsizroqsiz. Axir sizning serveringiz maxsus belgilar uchun ruxsat bergan bo'lsa ham, kelajakda xost-provayderlarni ko'chirishga qaror qilsangiz, bunday bo'lmasligi mumkin.
Har qanday bo'shliqlarni ishlatmang
Maxsus belgilar kabi bo'shliqlar veb-serveringizda muammolarga olib kelishi mumkin. Fayl nomlaridan ularni chetlab o'tish yaxshi fikr. Men hatto ushbu veb-saytga qo'shishim kerak bo'lsa, xuddi shu qoidalar yordamida PDF-fayllar kabi fayllarni nomini o'zgartirishga harakat qilaman. Fayl nomini oson o'qish uchun bo'sh joy kerakligini bilsangiz, o'rniga defislarni yoki pastki chiziqlarni tanlang. Misol uchun, "bu file.pdf" ni ishlatish o'rniga "this-is-the-file.pdf" ni ishlataman.
Fayl nomi harf bilan boshlanishi kerak
Bu mutlaq talab bo'lmasa-da, ayrim tizimlarda xat bilan boshlanmaydigan fayl nomlari bilan bog'liq muammolar mavjud. Masalan, agar siz faylni raqam belgisi bilan boshlashni tanlasangiz, bu muammolarga olib kelishi mumkin.
Barcha kichik vaziyatdan foydalaning
Bu fayl nomi uchun talab qilinmasa-da, yaxshi veb-serverlar bo'lgani uchun yaxshi fikrdir, chunki ba'zi veb-serverlar katta-kichikligi sezgir bo'lib, agar faylni unutgan bo'lsangiz va boshqa holatlarga murojaat qilsangiz, u yuklab olinmaydi. O'z ishimda har bir fayl nomi uchun kichik harflar ishlatiladi. Aslini olganda, bu juda ko'p yangi veb-dizaynerlar eslash uchun kurash olib boradigan narsa deb topdim. Faylni nomlashda ularning sukut harakati nomning birinchi harfini kapitalizatsiya qilishdir. Buning oldini oling va faqat kichik harflar odatiga o'ting.
Fayl nomini imkon qadar qisqa saqlang
Ko'pgina operatsion tizimlarda fayl nomi hajmi chegarasi mavjud bo'lsa-da, bu CSS-fayl nomi uchun mos keladiganidan ancha ko'p. Yaxshi qoidalar fayl nomi uchun 20 belgidan oshmasligi kerak. Haqiqatan ham, bu juda ham uzoq vaqtdan beri biror narsa bilan ishlash va baribir bog'lanishdir.
CSS fayl nomingizning eng muhim qismi
CSS fayli nomining eng muhim qismi fayl nomi emas, balki kengaytma. Macintosh va Linux tizimlarida kengaytmalar talab qilinmaydi, biroq CSS fayli yozilsa, ularni kiritish yaxshi bo'ladi. Shunday qilib, har doim uning uslublar jadvalini bilib olasiz va kelajakda nima ekanligini aniqlash uchun faylni ochishingiz shart emas.
Ehtimol, bu katta ajablantirmaydi, lekin sizning CSS dosyaning kengaytmasi quyidagilar bo'lishi kerak:
.cssCSS faylini nomlash qoidalari
Agar sizda faqat bitta CSS fayli mavjud bo'lsa, siz xohlagan narsalarni nomlashingiz mumkin. Men afzal ko'rmoqdaman:
styles.css yoki default.cssIshlayotgan saytlarning aksariyati bitta CSS-fayllarni o'z ichiga olganligi sababli, bu nomlar men uchun yaxshi ishlaydi.
Agar veb-saytingizda bir nechta CSS-fayllari ishlatilsa, uslublar varaqlarini funksiyalaridan keyin ayting, shuning uchun har bir faylning maqsadini aniqlang. Veb-sahifada ularga biriktirilgan bir nechta uslublar varag'i bo'lishi mumkinligi sababli, u varaqning funktsiyasiga va undagi jihozlarga qarab o'zingizning uslublaringizni turli varaqlarga bo'lishga yordam beradi. Masalan:
- Layout va boshqalar design layout.css design.css
- Sahifa bo'limlari main.css nav.css
- Subtitrlari mainstyles.css subpage.css bilan to'liq sayt
Agar sizning veb-saytingiz bir turdagi ramkalardan foydalanadigan bo'lsa, unda har bir sahifaning turli qismlariga yoki saytning turli qirralariga (tipografiya, rang, tartib, va hokazo) bag'ishlangan bir nechta CSS-fayllardan foydalanayotganini sezasiz.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 9/5/17 yil tahrirlangan