Xarici Style Vərəqi yaratmaq üçün necə

CSS Saytını Genişləyin

Websitələr üslub və quruluşun birləşməsidir və bugünkü vebdə bir saytın bu iki aspektini bir-birindən ayırmaq ən yaxşısıdır.

HTML həmişə onun strukturu ilə bir site təmin nə olmuşdur. Webin ilk günlərində HTML də stil məlumatlarını ehtiva etmişdir. etiketi kimi elementlər struktur məlumatları ilə yanaşı, görünüş və məlumatları əlavə etməklə, HTML koduna daxil edilmişdi. Veb standartları hərəkətləri bizi bu praktikanı dəyişdirməyə və bunun əvəzinə bütün üslub məlumatlarını CSS-yə və ya Klassik Stil Planlarına basdırmağa təşviq etdi. Bu bir addım daha alaraq, hazırkı tövsiyələr veb-saytınızın styling ehtiyacları üçün "xarici stillər" kimi tanınanlardan istifadə edir.

Xarici Şablonların Avantajları və Dezavantajları

Cascading Style Sheets haqqında ən yaxşı şeylərdən biri, bütün sitenizi ardıcıl tutmaq üçün istifadə edə bilərsiniz. Bunun ən asan yolu, xarici stil hesabatı bağlamaq və ya idxal etməkdir. Sitenizin hər səhifəsi üçün eyni xarici stil hesabatı istifadə etsəniz, bütün səhifələrin eyni stilə sahib olacağına əmin ola bilərsiniz. Gələcək üçün dəyişikliklər etmək də asanlaşdıra bilər. Hər bir səhifənin eyni xarici stillərdən istifadə etdiyindən, həmin hesabata hər hansı bir dəyişiklik hər bir site səhifəsinə təsir edəcəkdir. Bu fərdi olaraq hər səhifəni dəyişdirmədən daha yaxşıdır!

Xarici Style Vərəqələrinin Avantajları

  • Bir anda bir neçə sənədin görünüşünü və hissini nəzarət edə bilərsiniz.
    • Veb saytınızı yaratmaq üçün bir qrup insanla işləyərkən bu xüsusilə faydalıdır. Bir çox stil qaydaları xatırlamaq çətin ola bilər və çap stilinizə baxa bilirsinizsə, nümunənin mətninin Arial yazı və ya 14 bal kuryerdə yazılacağını müəyyən etmək üçün davamlı olaraq flipping etmək səmərəsiz və yorucu olur. Hər şeyi bir yerə qoyaraq və həmin yerdə dəyişiklik edəcəyiniz yerdən ötəri baxımdan çox asanlıqla edə bilərsiniz.
  • Daha sonra müxtəlif HTML elementlərində istifadə oluna bilən üslubları yarada bilərsiniz.
    • Sayfanızdaki çeşitli şeylere vurgu yapmak üçün sıklıkla belirli bir yazı stilini kullanırsanız, bu görünüm ve hiss almaq üçün stil sayfanıza yerleştirdiğiniz bir sınıf özniteliğini istifadə edə bilərsiniz. vurğulamaq.
  • Siz üslublarınızı daha səmərəli olmağınız üçün asanlıqla qruplaşdıra bilərsiniz.
    • CSS-lə mövcud olan bütün qruplaşdırma metodları xarici stillərdə istifadə edilə bilər və bu sizin səhifələrinizdə daha çox nəzarət və rahatlıq təmin edir.

Xarici stil vərəqələrinin dezavantajları

  • Xarici stillər, xüsusilə olduqca böyük olduqda, yükləmə müddətini artıra bilər. CSS faylı yüklənmək üçün ayrı bir sənəd olduğundan, bu yükləməni yerinə yetirmək üçün performansa təsir edəcəkdir.
  • Xarici stil səhifələri çox tez sürülür, çünki bir stil artıq istifadə edilmədikdə, bu səhifə çıxarıldıqdan sonra silinməyəcəkdir. CSS fayllarınızın düzgün idarə edilməsi, xüsusən də birdən çox insanın eyni faylda işləməsidir.
  • Yalnız bir səhifəli bir web saytınız varsa, CSS üçün xarici bir fayl olması yalnız bir səhifəni stilə malik olduğundan lazım ola bilməz. Xarici CSS-nin bir çox faydası yalnız bir səhifə səhifəsinə malik olduğunuzda itirilir.

Xarici Style Vərəqi yaratmaq üçün necə

Xarici stillər, üslub stillərini sənədləşdirmək üçün oxşar sintaksis ilə yaradılmışdır. Bununla yanaşı, seçmə və bəyannamə daxil etmək lazımdır. Sənəd səviyyəsində tərtib edilmiş hesabatda olduğu kimi, qayda üçün sintaksis:

selector {əmlak: dəyər;}

Bu kuralları uzantı .css ilə bir mətn faylına qeyd edin. Bu tələb edilmir, amma daxil olmaq üçün yaxşı bir vərdişdir, beləliklə stillərinizi dərhal kataloq siyahısında tanıya bilərsən.

Bir stil sənədinə malik olduğunuzda, onu Web səhifələrinizə keçirməlisiniz . Bu iki yolla edilə bilər:

  1. Bağlamaq
    1. Bir stil hesabatı bağlamaq üçün HTML etiketini istifadə edirsiniz. Bu, rel , növühref xüsusiyyətlərinə malikdir. Rel atributu (bu halda bir üslub şəklində) bağlı olduğunuzu bildirir, növü brauzer üçün MIME növü müəyyən edir və href .css faylının yolu.
  2. İthalat
    1. Xarici stil hesabatının xüsusiyyətlərini idxal edə biləcəyiniz halda, bir sənəd səviyyəsində stil tərzində idxal edilmiş bir stil istifadə edərdiniz. Bənzər bir şəkildə əlaqəli stil hesabatını çağırmaq üçün zəng etsəniz, yalnız sənəd səviyyəsində stil bəyannaməsi ilə çağırılmalıdır. Web saytınızı qorumaq üçün çox xarici stillər kimi idxal edə bilərsiniz.

Jennifer Krynin tərəfindən hazırlanan əsər. 8/8/17 tarixində Jeremy Girard tərəfindən tərtib edildi