Cascading Style Sheets nədir?
Veb saytlar şəkillər, mətnlər və müxtəlif sənədlər daxil olmaqla bir sıra fərdi ədədlərdən ibarətdir. Bu sənədlər yalnız PDF faylları kimi müxtəlif səhifələrdən əlaqələndirilə bilənləri deyil, həm də səhifələrin özlərini yaratmaq üçün istifadə olunan sənədləri, məsələn, HTML sənədləri kimi bir səhifə və CSS strukturunu müəyyənləşdirmək (Style Style Sheets Cascading) sənədlərini bir səhifənin görünüşünü diktə etmək. Bu məqalə CSS-ə baxır və bu günlərdə veb saytlarda istifadə olunanları əhatə edir.
CSS tarixi dərsi
CSS ilk olaraq 1997-ci ildə web developers yaratdıqları veb səhifələrin vizual görünüşünü müəyyən etmək üçün bir yol kimi inkişaf etmişdir. Veb peşəkarlarına veb-sayt kodunun tərkibini və quruluşunu vizual dizayndan, bu müddətdən əvvəl mümkün olmadığı bir şeydən ayırmağa imkan verilməsi nəzərdə tutulmuşdu.
Strukturun və stilin ayrılması, HTML-ə əsasən "görünüş və hiss" kimi tanınan bir şeyin dizaynı və düzəldilməsinə dair narahatlıq etmədən, ilk növbədə əsaslandırılmış funksiyanı yerinə yetirməyə imkan verir. səhifənin.
CSS, 2000-ci ilə qədər web tarayıcıları bu markup dilinin əsas yazı tipi və rəng aspektlərindən daha çox istifadə etməyə başlamışdır. Bu gün bütün müasir brauzerlər CSS səviyyəsinin 1-i, CSS səviyyəsinin 2-dən çoxunu və hətta CSS-nin 3-cü səviyyəsini dəstəkləyir. CSS inkişaf etməkdə davam edərkən və yeni üslublar tətbiq edildikdə, veb brauzerlər bu brauzerlərdə yeni CSS dəstəyi gətirən modellər tətbiq etməyə başlayıb və veb-dizaynerləri ilə işləmək üçün güclü yeni dizayn vasitələrini təqdim edirlər.
Keçmişdə veb-saytların hazırlanması və inkişafı üçün CSS-dən istifadə etməyi rədd edən seçilmiş veb-dizaynerlər var idi, amma bu təcrübə bu gün sənayedə keçmişdir. CSS artıq web dizaynında geniş istifadə olunan bir standartdır və ən azı bu dilin əsas anlayışına malik olmayan bu gün sənayedə işləyən hər birini tapmaq çətin olacaq.
CSS bir qisimdir
Artıq qeyd edildiyi kimi, CSS termini "Cascading Style Sheet". Bu ifadəni bir az buraxaq, bu sənədlərin nə olduğunu tam olaraq izah edin.
"Üslub hesabatı" sözü sənədin özünə aiddir (HTML kimi, CSS faylları həqiqətən yalnız müxtəlif proqramlarla redaktə edilə bilən mətn sənədləridir). Stil vərəqləri uzun illər sənəd tərtibatı üçün istifadə edilmişdir. Yazı və ya onlayn olub bir layout üçün texniki spesifikasiyalar. Print dizaynerləri öz dizaynlarını spesifikasiyasına tam olaraq yazdıqlarını sığortalamaq üçün uzun müddət istifadə etmişlər. Veb səhifə üçün tərtibat forması eyni məqsədlə xidmət edir, lakin əlavə funksionallıqla, veb-brauzerə nəzərdən keçirilməsi üçün sənədin necə işləndiyini izah edir. Bu gün CSS tərzi vərəqləri, bir səhifənin müxtəlif qurğular və ekran ölçüləri üçün görünüşünü dəyişdirmək üçün media sorgularını da istifadə edə bilər. Bu, bir HTML sənədinin ona daxil olmaq üçün istifadə olunan ekrana görə fərqli olaraq işlənməsinə imkan verdiyindən olduqca vacibdir.
Cascade termini həqiqətən xüsusi hissəsidir "cascading stil hesabatı". Bir veb-stil hesabatı həmin təbəqənin bir palitrası üzərində bir çay kimi bir sıra üslublar vasitəsilə zəncirləmək üçün nəzərdə tutulub. Çayda olan su şəlalədəki bütün qayalara çırpılır, ancaq altındakılar yalnız suyun axdığı yerə təsir göstərir. Eyni veb sayt stillərində şəlalə üçün də budur.
Hər bir veb-səhifə, web dizaynı heç bir üslub tətbiq etməsə belə, ən az bir stil hesabatından təsirlənir. Bu stil , istifadəçi agent tərzi hesabatıdır - bu veb-brauzerin başqa bir göstəriş verilmədiyi halda bir səhifə göstərmək üçün istifadə etdiyi standart üslub kimi tanınır. Məsələn, default hiperlinklər mavi rəngdədir və onlar vurğulanır. Bu üslublar bir web browser default stil hesabatı gəlir. Veb dizayner başqa təlimatlar verirsə, brauzer hansı təlimatlara üstünlük verdiyini bilməli olacaq. Bütün brauzerlər öz default modellərinə malikdirlər, lakin bu standartların bir çoxu (mavi rəngli mətn linkləri kimi) bütün və ya ən böyük brauzerlər və versiyalar arasında paylanır.
Veb brauzerinizin başqa bir nümunəsi üçün, veb brauzerimdə, default font " Times New Roman " ölçüsü 16-də göstərilib. Mən ziyarət etdiyim səhifələrin demək olar ki, heç biri o font ailəsində və ölçüsündə görünmür. Bunun səbəbi, şablon, dizaynerlərin özləri tərəfindən təyin edilən ikinci stillərin , yazı tipi ölçüsünü və ailəsini yenidən təyin etmək , veb-brauzerin standartlarını əvvəldən vermək olduğunu müəyyən edir . Bir veb səhifə üçün yaradılan hər hansı bir stillər bir brauzerin default üslubundan daha çox spesifikliyə sahib olacaqlar, belə ki, bu standartlar yalnız stilləriniz onları ləğv etmirsə tətbiq olunur. Bağlantıların mavi olmasını və altı rəngli olmasını istəyirsəniz, bu, u mənim deyil, amma sitenizin CSS faylı bağlantıların yaşıl olması gerektiğini söylese, bu renk varsayılan maviyi geçersiz kılar. Başqa cür göstərməmiş olduğunuzdan bəhs edən bu nümunədə vurğulanacaqsınız.
CSS istifadə olunur harada?
CSS, veb-brauzerdən başqa mətbuatda görüntülendiğinde veb səhifələrin necə görünəcəyini müəyyən etmək üçün istifadə edə bilər. Məsələn, veb-səhifənin necə çap edəcəyini müəyyən edəcək bir çap tərzi forması yarada bilərsiniz. Naviqasiya düymələri və ya web formaları kimi veb-səhifə elementləri çap səhifəsində heç bir məqsəd olmayacağından, bir səhifə çap edildikdə həmin sahələri "söndürmək" üçün Print Style Sheet istifadə edilə bilər. Bir çox saytlarda həqiqətən ümumi bir təcrübə olmasa da, çap stillərini yaratma imkanı güclü və cəlbedici (mənim təcrübəmdə - ən çox veb peşəkarları bunu sadəcə bir saytın büdcə əhatə dairəsi bu əlavə iş üçün çağırmır, çünki bunu etməzlər) ).
Niyə CSS vacibdir?
CSS bir veb-dizaynerin öyrənə biləcəyi ən güclü vasitələrdən biridir, çünki veb saytın bütün vizual görünüşünü təsir edə bilər. Yaxşı yazılmış stil vərəqələri tezliklə yenilənir və saytlarda HTML-lərin əsas göstəricilərinə lazım olan hər hansı bir dəyişiklik edilmədən, öz növbəsində dəyər və əyləncələrə diqqət göstərən ekranda vizual olaraq prioritetləşdirilmiş olanları dəyişməyə imkan verir.
CSS-nin əsas problemi, öyrənmək üçün kifayət qədər bir şeydir və hər gün dəyişən brauzerlər ilə, bu gün yaxşı işləyən günlər yeni üslublar dəstəklənir və digərləri bir səbəbdən və ya digər səbəblərdən xeyli azalıb, .
CSS CSS-ni birləşdirə bilər və birləşdirə bilər və fərqli brauzerlərin direktivləri fərqli şəkildə necə şərh edə və tətbiq edə biləcəyini nəzərə alaraq, CSS düz HTML-dən daha çətin ola bilər. HTML-də brauzerlərdə HTML həqiqətən də olmadığı bir şəkildə dəyişir. CSS istifadə etməyinizə baxmayaraq, stillərin gücünü istifadə edərək veb səhifələrinizi necə yerləşdirdiyinizi və onların görünüşünü və hisslərini müəyyənləşdirməkdə inanılmaz rahatlıq verəcəyini görürsünüz. Yolda, gələcəkdə yeni veb səhifələr yaratdığınız zaman keçmişdə sizin üçün işləyən və yenidən müraciət edə biləcək üslub və yanaşmaların bir "çaşqınlığını" toplayacaqsınız.
Jennifer Krynin tərəfindən hazırlanan əsər. 7/5/17 tarixində Jeremy Girard tərəfindən tərtib edilmiş,