Əgər CSS hərflərini oxuyanda ağlınıza veb dizayn gəlirsə, doğru yerdəsiniz. CSS, Cascading Style Sheets (Kaskadlı Üslub Vərəqləri) mənasını verir. CSS türkcədə Üslub Şablonu kimi müəyyən edilir. Əgər veb dizayn öyrənməyi düşünürsünüzsə, qarşılaşacağınız ilk anlayış CSS olacaq. CSS-i tərif etmək istəsək, onu əsasən veb səhifələrin dizaynını və təqdimatını idarə edən bir dil kimi müəyyən edə bilərik. CSS kodlarını istifadə etmək üçün HTML kodlarına ehtiyacınız var, çünki CSS veb səhifələrin məzmununu işləyən HTML ilə birlikdə işləyir. HTML dizayn etdiyiniz saytın mətn formatlaşdırılması üçün bir çox alternativlər təklif edir. CSS proqramı sayəsində dizayn etdiyiniz sayt daxilində hər səhifə üçün daha böyük və daha unikal şablonlar hazırlaya bilərsiniz. Qısacası, CSS kodları ilə dizayn etdiyiniz veb saytdakı HTML elementlərinin ölçü, mətn, rəng xarakteri kimi müxtəlif vizual xüsusiyyətlərini dəyişə bilərsiniz. HTML yoxsa CSS? Hansı biri? Əgər veb dizaynla maraqlanırsınızsa və veb dizayn öyrənmək istəyirsinizsə, bilməlisiniz ki, bir veb saytın bir neçə struktur qatı var. Bu qatlar üç sinfə bölünür: məzmun qatı, vizuallaşdırma qatı və qarşılıqlı əlaqə qatı. HTML məzmun qatını, CSS vizuallaşdırma qatını, Javascript isə qarşılıqlı əlaqə qatını təşkil edir. HTML qatı hər veb səhifədə mövcuddur. HTML qatını yaratmaqla hazırladığınız veb saytın ziyarətçilərinə çatdırmaq istədiyiniz məlumatı çatdıra bilərsiniz. Bugünkü veb səhifələr əsasən mətn olsa da, şəkillər, animasiyalar və videolar kimi fərqli məzmunlar da istifadə olunur. Məzmun qatında məzmunun necə göstəriləcəyi haqqında heç bir məlumat yoxdur. Vizuallaşdırma qatı, yəni CSS, məzmunun səhifəni ziyarət edən şəxsə necə göstəriləcəyini müəyyən edir. Veb sayta yüklədiyiniz məzmunu ekran ölçüsünə uyğun tənzimləməli, şrift ölçüsünü müəyyən etməli və bu qatda rəng və ağ boşluq kimi vizual elementləri təyin etməlisiniz. Vizuallaşdırma qatı üçün tövsiyə olunan və istifadə olunan proqramlaşdırma dili CSS-dir. Bu nöqtədə, niyə CSS kodlarından istifadə etməli olduğunuz aydın olur. Niyə CSS Proqramından İstifadə Etməlisiniz? CSS proqramının HTML ilə etiketlənmiş məzmunun necə göstəriləcəyini təsvir etdiyini izah etdiyimizə görə, indi CSS proqramından niyə istifadə etməli olduğunuzu izah etməyin vaxtıdır. HTML məzmunun səhifədə necə göstəriləcəyini və yerləşdiriləcəyini müəyyən etmir. HTML proqramının işi məzmunu təsvir etmək və məzmunun sırasını göstərməkdir. Başqa sözlə, HTML-in işi bu suallara cavab verməkdir: Səhifənin başlığı nədir, səhifədəki keçidlər hansılardır, alt-alta düzülmüş sətirlər siyahıdır, yoxsa adi bir paraqrafdır. Bütün bunlara baxmayaraq, HTML loqonun ölçüsü, səhifədəki yeri və başlığın rəngi kimi məsələlərə qarışmır. CSS-in rolu burada başlayır. Veb sayt dizaynında CSS kodları nəyin, harada və necə göstəriləcəyinə tam səlahiyyətlidir. Məsələn, loqonun səhifənin yuxarı sağ küncündə yerləşdirilməsini təmin etmək CSS-in məsuliyyətindədir. Bir müddət sonra müştəriniz loqonun bütün ekranı əhatə edərək yuxarı sol küncdə göstərilməsini istədikdə, bunu HTML koduna və ya loqonu ehtiva edən fayla toxunmadan CSS ilə edə bilərsiniz. Bundan əlavə, CSS proqramı vizuallaşdırma məlumatlarını bir neçə faylda topladığı üçün sayt yeniləmələrini və texniki xidməti asanlaşdırır. Vizuallaşdırma məlumatları bir neçə faylda toplandığı üçün məlumat trafikinə qənaət edir. CSS Kodlarından İstifadənin Üstünlükləri Responsiv dizayn tətbiqlərinin əvəzolunmaz proqramlarından biri olan CSS-dən istifadənin bir çox üstünlükləri var. Bu üstünlükləri saysaq, məlumat trafikinə qənaəti ilk sıraya qoya bilərik. CSS proqramının bütün üslubları yalnız bir neçə CSS faylına daxil edildiyi üçün məlumat trafikinə qənaət edilir. Üstəlik, bunu ölçə bilərsiniz. CSS faylını ayrıca kodlaşdırdığınız zaman, faylı yüklədiyiniz anda brauzer tərəfindən saxlanılır. Eyni CSS faylını digər səhifələrdə istifadə etdiyiniz zaman brauzer tərəfindən saxlanılan bu fayldan istifadə edə bilərsiniz. Eyni faylı yenidən yükləməli olmayacaqsınız. CSS kodlarından istifadənin üstünlüklərindən biri də məzmun çevikliyi təmin etməsidir. Məzmunu və vizual dizaynı ayırdıqda, eyni məzmunu fərqli mühitlərdə istifadə etmək daha asan olur. Məsələn, eyni məzmunu həm ana səhifədə, həm də daxili səhifələrdə və RSS lentində istifadə edə bilərsiniz. Eyni məzmunu ekran oxuyucuları üçün də istifadə edə bilərsiniz. Proqramın digər bir üstünlüyü isə yeniləmə asanlığıdır. Bütün saytın vizuallaşdırma məlumatlarını bir və ya bir neçə CSS faylında saxlaya bilərsiniz. Məsələn, 1000 səhifəlik bir saytınız var. Saytınızdakı başlıqları bir nöqtə böyütmək istədikdə, CSS sayəsində tək bir faylda tək bir sətri yeniləyirsiniz. Əlavə olaraq, CSS proqramı müasir kodlaşdırma strategiyalarına imkan verir. CSS Üslublarını Əlavə Etmək üçün Neçə Alternativ Var? Veb saytınıza CSS üslublarını əlavə etmək
3 alternativ var. Birincisi, Ümumi CSS-dən istifadə edə bilərsiniz. HTML sənədinin bölməsinə CSS qaydalarını əlavə edərək, bütün CSS qaydalarını ehtiva edən xarici .css faylına keçid edə bilərsiniz. Əlavə olaraq, veb saytınıza qaydalar tətbiq etmək istəyirsinizsə, yerli CSS-dən istifadə edə bilərsiniz. Əvvəlcə ümumi CSS kodu haqqında danışaq. Ümumi CSS kodlarını təyin etdiyiniz səhifənin bölməsinə yerləşdirin. CSS kodunu təyin etmək üçün siniflərdən və ID-lərdən istifadə edə bilərsiniz, lakin qlobal CSS yalnız əlavə edildiyi xüsusi səhifədə aktiv olacaq. Bu yolla tətbiq etdiyiniz CSS üslubları səhifə hər dəfə yükləndikdə yüklənəcək, buna görə də yükləmə müddəti arta bilər. Onu ümumi CSS teqləri arasına yerləşdirməlisiniz. Veb saytınıza CSS proqramı əlavə etməyin ən rahat yolu veb saytınızı xarici .css faylına bağlamaqdır. Bu yolla, veb saytınıza bağladığınız xarici CSS faylında etdiyiniz hər hansı bir dəyişiklik veb saytınızda qlobal olaraq əks olunacaq. Xarici CSS faylına keçidi səhifənin bölməsinə yerləşdirməlisiniz. Sonuncu seçim olan yerli CSS proqramı xüsusi bir HTML teqi üçün istifadə olunur. Yerli CSS-dən istifadə tövsiyə edilmir, çünki yerli CSS proqramında hər bir HTML elementi fərdi şəkildə üslublandırılmalıdır. Yalnız yerli CSS-dən istifadə etdikdə, veb saytınızı idarə etməkdə çətinlik çəkə bilərsiniz. Yerli CSS-dən istifadə CSS fayllarına girişiniz olmadıqda və ya yalnız bir elementi üslublandırmalı olduğunuzda faydalı ola bilər. CSS Kodları nədir? Proqram təminatının yazılmasını təmin edən siqnallara kod deyilir. CSS kodları iki əsas komponentdən ibarətdir. Bu komponentlərdən biri elementləri və üslubları ayıran seçimdir. Digər komponent isə bir və ya bir neçə xüsusiyyəti bəyan etdiyimiz ifadə hissəsidir. Seçim çox vaxt üslublandıracağınız HTML elementidir. Məsələn, h1, body, p, a və s. İfadə hissəsi davamlı bir xüsusiyyətdir: dəyər; aşağıdakı kimi sıralanır. Xüsusiyyətlər və dəyərlər { } işarələri arasında sıralanır. CSS kodları həmişə nöqtəli vergül (;) ilə bitir. İfadələr kvadrat mötərizədədir. Nümunə olaraq CSS kodlarından bir nümunə paylaşaq: p { color: blue; text-align: center; } CSS Proqramında Ən Çox İstifadə Olunan Kodlar hansılardır? Hər proqram təminatında olduğu kimi, CSS proqramında da tez-tez istifadə olunan kodlar var. Ən çox istifadə olunan CSS kodlarına keçid xüsusiyyətləri, formatlaşdırma, siyahı xüsusiyyətləri, qat xüsusiyyətləri, şrift xüsusiyyətləri, mətn xüsusiyyətləri, kursor xüsusiyyətləri, fon xüsusiyyətləri və cədvəl xüsusiyyətləri daxildir. Məsələn; Cədvəl xüsusiyyətlərini təyin edən CSS kodları arasında olan border kodu, cədvəlin kənarlarının formalaşdırılmasına imkan verir. Keçid xüsusiyyətlərinə baxdıqda, bu, keçidə klikləndikdə aktiv kodun vəziyyəti deməkdir. CSS proqramının veb səhifəni təşkil edən qatlar arasında olduğunu bildirdik. CSS kodları vizuallaşdırma qatını təşkil etdiyi üçün şrift xüsusiyyətləri və formatlaşdırma ilə bağlı kodlar da CSS kodları arasındadır. Şrift xüsusiyyətləri ilə bağlı kodlar arasında olan fomnt-family, şrift növünü (times roman, verdana kimi) müəyyən edir. CSS kodları HTML kodlarının daxilinə yerləşdirilir, yəni yazılır. CSS kodları başa düşülməsi və öyrənilməsi asan bir dil strukturuna malikdir. Bir çox kodlaşdırma sistemində olduğu kimi, CSS kodlaşdırmasında da ingilis dili istifadə olunur. Buna görə də, kod yazılışına əlavə ediləcək ingilis sözlərini bilmək kifayətdir.
Əlaqəli xidmət: AI Marketinq Agentliyi