Çağındakı mühüm dəyişikliklər vacibdir
Veb saytların kodlarını öyrənmək üçün ən yaxşı yollardan biri digər saytların mənbə kodlarına baxmaqdır. Bu təcrübə, veb-dizayn kursları , kitablar və onlayn təlim saytları üçün bir çox variantlar olmadığı günlərdə, xüsusilə günlərdən etibarən, bir çox veb-mütəxəssisin sənətkarlıqlarını necə öyrənmişlər.
Bu praktikanı sınamaq və bir sitenin cascading stil səhifələrinə (CSS) baxarsanız, bu kodda gördüyünüz bir şey deyən bir xəttdir!
Bu nə deməkdir və ən əhəmiyyətlisi, necə stil dilinizdə bu bəyanatı düzgün istifadə edirsiniz?
CSS cədvəli
İlk növbədə, cascading stillərin həqiqətən cascade olduğunu başa düşmək vacibdir, yəni onlar müəyyən bir qaydada yerləşdirilir. Ümumiyyətlə, bu üslublar brauzer tərəfindən oxumaq üçün tətbiq edilir. İlk stil tətbiq olunur, sonra ikinci və s.
Nəticədə, üslub üslubun üst hissəsində görünsə və sonra sənəddə aşağı dəyişirsə, bu üslubun ikinci nüsxəsi ilk deyil, sonrakı hallarda tətbiq edilir. Əsasən, iki üslub eyni şey deməkdirsə (yəni eyni dərəcədə spesifikliyə malikdirlərsə), sonuncu biri istifadə ediləcək.
Məsələn, üslub üslubunda aşağıdakı üslubların olduğunu təsəvvür edək. Paraqraf mətn, tətbiq edilən ilk stil əmlakı qırmızı olsa da, qara olaraq göstəriləcək.
Çünki "qara" dəyər ikinci olaraq verilir. CSS yuxarıdan aşağıya oxunduğundan, son üslub "qara" və buna görə bir qalib gəlir.
p {color: red; }
p {color: qara; }
Necə vacibdir Önceliği dəyişir
İndi demək olar ki, birbaşa eyni qaydaların CSS-lər tərəfindən necə işləndiyini başa düşdüyünüz kimi, vacib direktivin bir az dəyişdiyini necə öyrənə bilərik.
Əhəmiyyətli direktiv, sizin düşündüyünüz qaydalara riayət edərkən CSS cascades'inizi ən vacibdir və tətbiq olunmalıdır. Önəmli direktivə malik olan bir qayda hər zaman həmin qaydanın CSS sənədində olduğu yerdən asılı olmayaraq tətbiq olunur.
Paraqraf mətni hər zaman qırmızı etmək üçün, yuxarıda göstərilən nümunədən istifadə edəcəyiniz istifadə:
p {color: red! vacib; }
p {color: qara; }
İndi bütün mətn "qırmızı" dəyər ikinci sırada olsa da, qırmızı görünür. Əhəmiyyətli direktiv, kaskadın normal qaydalarını ləğv edir və bu üsluba çox yüksək spesifikliyi verir.
Əgər paraqrafların qırmızı görünməsi üçün tamamilə lazım olsa, bu stil bunu edəcək, amma bu, yaxşı bir təcrübədir. Növbəti dəfə istifadə etmək istədiyiniz zaman baxaq! Vacibdir və uyğun deyildir.
Istifadə edərkən! Vacibdir
Bir veb saytını test etdirərkən və ayaqlaşdığınızda mühüm direktiv çox faydalıdır. Bir üslubun tətbiq olunmadığından əmin deyilsinizsə və bunun spesifiallıq problemi ola biləcəyini düşünürsəniz, bunu düzəltməyin olub olmadığını görmək üçün üslubunuza əhəmiyyətli bəyanat əlavə edə bilərsiniz.
Əlavə etsəniz, həqiqətən üslub problemini həll etsəniz, sadəcə bir spesifiklik məsələsi olduğunu müəyyənləşdirdiniz. Bununla yanaşı, vacib kodunu buraxmaq istəmirsinizsə, yalnız test məqsədləri üçün orada yerləşdirilib.
Test edildikdən sonra, bu təlimatı aradan qaldırmalı və tərzinizi işləməyinizə ehtiyac duyduğunuz spesifikliyə nail olmaq üçün seçicinizi tənzimləməlisiniz. Əhəmiyyətli bir şəkildə normal şəlaləni necə dəyişdiyindən, mühüm bir şəkildə istehsal yerlərinizə getməməlisiniz.
İstədiyiniz üslublara nail olmaq üçün vacib bəyannaməyə çox ağırlıq verərsən, nəticədə, üslubda mühüm bir stil var. Siz CSS-nin işlənib-işləndiyini əsaslı şəkildə dəyişdirəcəksiniz. Uzun müddətli idarəetmə baxımından yaxşı olmayan bir tənbəl təcrübədir.
Test üçün vacibdir və ya bəzi hallarda, mövzu və ya şablon çərçivəsinin bir hissəsi olan bir inline stilin qətiyyən qadağan etməsi vacibdir.
Hətta bu hallarda bu yanaşma mümkün qədər az istifadə edin və bunun yerinə kaskadı anlayan təmiz stillər yazmaq üçün çalışırıq.
User Style Sheets
Anlamaq üçün vacibdir ki, vacib direktiv haqqında bir son qeyd var. Bu direktiv də veb səhifənin istifadəçilərinə pages istifadə etmək və ya oxumaq üçün çətinləşdirən stillərlə başa çatmaq üçün kömək etmək üçün qoyulmuşdur.
Tipik olaraq, bir istifadəçi veb səhifələrini görmək üçün bir stil hesabatını təyin edərsə, bu stil səhifəsi veb səhifə yazarının stil səhifəsi tərəfindən ləğv edilir. Istifadəçi stil kimi əhəmiyyətli olduğunu qeyd edərsə, bu stil, veb səhifənin müəllifinin tərtibat formasını ləğv edir, hətta yazar bir qayda kimi vacibdir.
Bu üslubları müəyyən bir şəkildə müəyyən etmək üçün lazım olan istifadəçilər üçün faydalıdır. Məsələn, kimsə istifadə etdiyiniz bütün veb səhifələrdə default font ölçülərini artırmalıdır. Quracağınız səhifələrdən asılı olaraq əhəmiyyətli bir direktivdən istifadə edərək, istifadəçilərinizin ola biləcəyi xüsusi ehtiyacları ödəyəcəksiniz.
Jeremy Girard tərəfindən düzəldildi