Veb saytın görünüşü və hissi və ya "stil" CSS (Cascading Style Sheets) tərəfindən diktə edilir. Bu səhifənin vizual dizaynını və yerləşdirilməsini yaradan müxtəlif CSS qaydalarını ehtiva edən veb saytınızın kataloğuna əlavə edəcək bir fayl.
Saytlar istifadə edə bilər və tez-tez istifadə edərkən, bir çox stillərdən istifadə etsək, bunu etmək lazım deyil. Bütün CSS qaydalarınızı bir faylya yerləşdirə bilərsiniz və birdən çox faylın alınmasına ehtiyac olmadığı üçün daha sürətli yükləmə vaxtı və yüklənmə də daxil olmaqla, bunu etmək üçün faydalar vardır. Çox böyük olsa da, müəssisə saytları bəzən ayrı-ayrı stillərə ehtiyac ola bilər, bir çox kiçik və orta saytlar yalnız bir fayl ilə mükəmməl şəkildə işləyə bilər. Bu mənim veb səhifəmizin çox hissəsi üçün istifadə etdiyim budur - mənim səhifələrimə lazım olan bütün qaydalara görə bir CSS faylları. Beləliklə, sual indi olur - bu CSS faylını nə adlandırmalısınız?
Konvensiya əsaslarını adlandırma
Veb-səhifələriniz üçün xarici stillər yaratdığınızda, HTML faylları üçün oxşar adlandırma konvensiyalarından sonra fayl adını verməlisiniz:
Xüsusi simvolları istifadə etməyin
CSS fayl adlarınıza yalnız az, 0-9, altçizgi (_) və tire (-) nömrələrindən istifadə etməlisiniz. Fayl sisteminizdə digər simvolları olan faylları yaratmağa icazə verə bilər, server OS xüsusi simvol ilə bağlı məsələlər ola bilər. Burada sadalanan simvolları istifadə etmək daha təhlükəsizdir. Bütün bunların hamısı, serverinizin xüsusi simvollar üçün icazə verdiyinə baxmayaraq, gələcəkdə provayderlərin yerləşdirilməsinə qərar verdiyiniz halda bu ola bilməz.
Hər hansı bir məkanı istifadə etməyin
Xüsusi simvollarla olduğu kimi, boşluqlar web serverinizdə problem yarada bilər. Fayl adlarınızdan qaçınmaq yaxşı bir fikirdir. Mən hətta bir web saytına əlavə etmək lazım olsa belə, bu eyni konvensiyaları istifadə edərək, PDF kimi faylları adlandırmaq üçün bir nöqtə edirəm. Fayl adını daha asan oxumaq üçün bir yer lazım olduğunu düşünürsünüzsə, bunun yerine tire və ya alt çərçivələr üçün seçim edin. Məsələn, "bu file.pdf" istifadə etmək əvəzinə "this-is-the-file.pdf" istifadə edirəm.
Fayl Adı Məktubla Başlamalıdır
Bu, mütləq bir tələb olmasa da, bəzi sistemlərdə bir məktubla başlamayan fayl adları ilə problem var. Məsələn, fayl nömrənizlə başlamağı seçsəniz, bu məsələlərə səbəb ola bilər.
Bütün Aşağı Vəziyyəti istifadə edin
Bir filename üçün bu tələb edilməməli olsa da, yaxşı bir fikirdir, çünki bəzi web serverləri vəziyyətə həssasdır və faylınızı fərqli bir vəziyyətdə unutsanız və istinad etsəniz, yüklənmir. Öz işimdə, hər bir fayl adı üçün kiçik simvollar istifadə edirəm. Mən, həqiqətən, bir çox yeni veb-dizaynerlərin bunu xatırlamaq üçün mübarizə aparan bir şey olduğunu tapdım. Bir fayl adlandırdıqda onların default fəaliyyət adı adının ilk xarakterini kapitallaşdırmaqdır. Bunu çəkinin və yalnız kiçik simvolların adətinə daxil ol.
Fayl adını mümkün qədər qısa saxlayın
Çox əməliyyat sistemində fayl adı ölçüsünün həddi olsa da, CSS faylının adı üçün ağıllıdır. Yaxşı bir qayda, uzadılmayan fayl adı üçün ən çox 20 simvoldan ibarətdir. Həqiqətən, bundan daha uzun bir şey, işləməmək və hər halda bir-birinə bağlanmaq üçün sərfsizdir!
CSS faylının ən mühüm hissəsi
CSS faylının ən vacib hissəsi fayl adı deyil, uzadılmasıdır. Macintosh və Linux sistemlərində uzantılar tələb olunmur, amma bir CSS faylını yazarkən hər hansı bir əlavə etmək yaxşı bir fikirdir. Bu yolla həmişə bir üslub hesabatı olduğunu və gələcəkdə nə olduğunu müəyyən etmək üçün fayl açmamaq lazım olduğunu bilirsiniz.
Yəqin ki, böyük bir sürpriz deyil, ancaq CSS dosyanızdakı uzadılması olmalıdır:
.cssCSS faylını adlandırma konvensiyaları
Saytda yalnız bir CSS faylı olursanız, istədiyiniz hər hansı bir ad verə bilərsiniz. Mən də üstünlük verirəm:
styles.css və ya default.cssMən işləyən saytların əksəriyyəti bir CSS faylları daxil olduğundan, bu adlar mənim üçün yaxşı işləyir.
Veb saytınız birdən çox CSS faylını istifadə edərsə, üslub cədvəllərini funksiyasından sonra adlandırın, belə ki hər bir faylın məqsədi nə dəqiqdir. Veb səhifəsində onlara birdən çox stillər əlavə olunduğundan, bu formanın funksiyasına və onun içindəki üslublara görə üslublarınızı müxtəlif təbəqələrə bölməyə kömək edir. Misal üçün:
- Layout vs Design layout.css dizayn.css
- Səhifə bölmələri main.css nav.css
- Alt- section mainstyles.css subpage.css ilə bütün site
Veb saytınız bir növ bir çərçivə istifadə edirsə, ehtimal ki, hər biri saytın səhifələrinin və ya aspektlərinin müxtəlif hissələrinə (tipoqrafiya, rəng, layout, və s.) Həsr olunmuş birdən çox CSS faylını istifadə etdiyini görürsünüz.
Jennifer Krynin tərəfindən hazırlanan əsər. Jeremy Girard tərəfindən 9/5/17 tarixində ediləcək