Cascading Style Sheets-də "Cascade" nə deməkdir?

Cascading Style Sheets və ya CSS eyni elementə təsir edən bir çox xassəyə malik ola bilərsiniz. Bu xüsusiyyətlərdən bəziləri bir-biri ilə ziddiyyət təşkil edə bilər. Məsələn, paraqraf etiketində qırmızı font rəngini və daha sonra, mavi bir font rəngini təyin edə bilərsiniz. Brauzer hansı rəngi paraqraflar etmək üçün bilir? Bu kaskad tərəfindən qərar verilir.

Stil Vərəqlərinin növləri

Üç müxtəlif üslub cədvəli var:

  1. Yazar Style Vərəqləri
    1. Bunlar veb səhifəsinin müəllifi tərəfindən tərtib edilmiş stillərdir. Onlar CSS stillərini düşünərkən insanların əksəriyyəti düşünür.
  2. User Style Sheets
    1. İstifadəçi stilləri veb-səhifənin istifadəçisi tərəfindən müəyyən edilir. Bunlar, istifadəçilərin səhifələrin necə göründüyünə daha çox nəzarət etməyə imkan verir.
  3. İstifadəçi Agent Stil Sehrləri
    1. Bu web brauzerinin səhifəni göstərməyə kömək etmək üçün səhifəyə tətbiq etdiyi üslublardır. Məsələn, XHTML-də, ən görməli istifadəçi agentləri etiketini italik mətn kimi göstərilir . Bu istifadəçi agent stilində müəyyənləşdirilir.

Yuxarıdakı stillərdən hər birində müəyyən olunan xüsusiyyətlərə bir ağırlıq verilir. Varsayılan olaraq, müəllif stilinin ən çox çəkisi, sonra istifadəçi tərzi hesabatı və nəhayət, istifadəçi agent stil tərtibatı var. Bunun yeganə istisnası bir istifadəçi stilində əhəmiyyətli qayda ilədir. Bu, müəllifin stilindən daha ağırdır.

Cascading Order

Çatışmaları həll etmək üçün, veb brauzerlər hansı stilin üstün olduğunu və istifadə ediləcəyini müəyyən etmək üçün aşağıdakı sıralama qaydasını istifadə edir:

  1. Birincisi, sözügedən elementə və təyin olunmuş media növünə aid olan bütün bəyanatları axtarın.
  2. Sonra gələn stillərə baxın. Yuxarıda olduğu kimi, müəllif stil vərəqləri ilk istifadəçi, daha sonra istifadəçi agenti gəlir. Müəllifdən daha üstün üstünlüklərə sahib olan mühüm istifadəçi üslubları ilə! Əhəmiyyətli üslublar.
  3. Seçicinin daha spesifik olması, daha çox üstünlük əldə edəcəkdir. Məsələn, "div.com" pilləsində bir stil yalnız "p" etiketi üzərində birinə üstünlük verəcəkdir.
  4. Nəhayət, qaydaları müəyyən etdikləri qaydada sıralayın. Sənəd ağacında daha sonra müəyyən edilmiş qaydalar əvvəllər müəyyən edilmişlərdən daha yüksəkdir. İthal edilmiş stillərdən qaydalar qaydalara birbaşa stillərdən əvvəl nəzərdən keçirilir.