Oxumağı tövsiyə edirik:

CSS

CSS HTML, XML, XHTML sənədinin görünüşünü təsvir edən bir dildir. Adı "cascading style sheet" və ya Cascading Style Sheets deməkdir. Veb səhifələrinin dizaynı zamanı CSS üslubları əvəzolunmazdır: bir faylda bütün sənəd elementlərinin göstərilməsi haqqında məlumat var.

CSS nə üçün istifadə olunur?

Əsasən, üslub cədvəli səhifədəki hər bir elementin necə görünəcəyini təsvir edən bir fayldır. Beləliklə, HTML sənədində yalnız səhifənin strukturu qalır: blokların özləri, məzmunu və yeri. Təsvirində hər bir elementin vizual xüsusiyyətlərini göstərərək, cədvəllərdən istifadə etmədən səhifə yarada və dizayn edə bilərsiniz. Ancaq yüzlərlə və ya minlərlə səhifə varsa, bu üsuldan istifadə etmək əlverişsizdir: dizaynı dəyişdirərkən bir çox sənədləri dəyişdirməlisiniz, əlavə olaraq bu, tərtibatı qarışdırır. Buna görə də, CSS-dən istifadə veb-sayt dizaynı üçün qızıl standart hesab olunur: bu, kaskad cədvəllərinin çevikliyi və müxtəlif imkanları sayəsində baş verdi.

CSS-in üstünlükləri

• Bu, planı əhəmiyyətli dərəcədə asanlaşdırır və vaxt xərclərini azaldır. Yaradılmış bir üslub faylı bir çox səhifələrə paylana bilər, ona görə də elementlərin görünüşünü yalnız bir dəfə təsvir etmək lazımdır.
• Nəyisə dəyişdirmək lazımdırsa, yalnız bir faylda dəyişiklik etmək kifayətdir. Bu, dizayndakı dəyişikliklərə və aşkar edilmiş səhvlərə aiddir.
• CSS-dən istifadə sənədin strukturunu xeyli asanlaşdırır ki, bu da həm istifadəçilər, həm də axtarış proqramları üçün əlverişlidir.
• Dizayn dəyişkənliyi getdikcə genişlənir. CSS təmiz HTML-dən daha çox funksiyaları dəstəkləyir və siz şəraitdən (istifadəçi monitorunun ölçüsü, iş masası və ya mobil cihaz) asılı olaraq bir səhifəyə çoxlu üslub tətbiq edə bilərsiniz.
• Səhifələr daha sürətli yüklənməyə başlayır: brauzer sayta ilk səfərdə stil cədvəlini önbelleğe alır; sonrakı ziyarətlərdə yalnız məlumatlar yüklənir, bu da daha sürətlidir.

Texnologiya necə inkişaf etdi

Bu, 1990-cı illərdə W3C sənədlərin məzmununu və təqdimatını ayırmaq üçün texnologiyanın lazım olduğuna qərar verdikdə başladı. CSS1 standartı 1996-cı ildə ortaya çıxdı və cədvəllərdən istifadə edərək şrift parametrlərini, element rənglərini, blok və mətn xassələrini, məsələn, abzas və hizalama kimi dəyişdirməyə imkan verdi. Orada blokların uzunluğu və eni dəqiqləşdirilib. İnternetin inkişafı ilə yeni səviyyələr meydana çıxdı:

• CSS2. Standart genişləndirilmiş texniki imkanlar, audio və səhifə daşıyıcıları ilə işləməyi mümkün etdi (məsələn, sənədləri çap edərkən), blok strukturu və yaradılan məzmun üçün dəstək;
• CSS3. Hələ inkişaf mərhələsində olan daha böyük genişləndirmə, JavaScript istifadə etmədən antialiasing, gradient, kölgə və animasiyanı dəstəkləyir;
• CSS4. Hazırda işlənmə mərhələsində olan yeni modullar hələ də qaralama şəklində mövcuddur. Əvvəlki versiyaları yeni genişləndirmələr və dəyərlərlə əlavə edin.

Sintaksis və quruluş

CSS faylı müəyyən bir sintaksisdə təsvir edilmiş qaydalar toplusuna qədər qaynayır. Qayda seçici hissədən və bəyannamə blokundan ibarətdir: onlar hər cür səhifə elementlərini təsvir edir. Format belədir: seçici {parametr: dəyər }.

Seçicilər . Müəyyən üslub parametrlərinin hansı elementlərə tətbiq olunacağını müəyyənləşdirin. Sətirin əvvəlində yazılmış, əslində qaydanın keçdiyi teqlərin adlarıdır.

• Latın əlifbası ilə yazılmış istənilən etiketdən istifadə edə bilərsiniz.
• Bir element növü üçün bir neçə üslub variantı varsa, sözdə siniflər istifadə olunur. Bir etiketdə onlardan bir neçəsi ola bilər (cədvəldə təsvir edilən bütün üslublar tətbiq olunur). Bu halda giriş belə görünür: tag.Class { parametr: dəyər }.
• Yalnız bir xüsusi elementi dəyişdirmək mümkündür. Bu, identifikatorlardan - elementlərə təyin edilə bilən unikal adlardan istifadə etməklə həyata keçirilir. ID selektor kimi istifadə olunacaq.
• Müəyyən bir sinfin bir hissəsidirsə, hər hansı bir etiketə tətbiq olunan qaydalar yarada bilərsiniz. Sətir teq göstərilmədən .Class ilə başlamalıdır.

Reklam bloku. Qıvrımlı mötərizələrdə olan hər şey mahiyyət etibarı ilə parametrin və ona təyin edilməli olan dəyərin təyin edilməsinə əsaslanır. Case, boşluqlar və nişanlar həssas deyil.

CSS üslublarını necə daxil etmək olar

CSS elementləri HTML sənədində <style> teqindən və type="text/css" atributundan istifadə etməklə və ya seçici göstərilmədən stil atributu vasitəsilə istifadə edilə bilər. Lakin daha çox yayılmış üsul üslubları ayrıca fayla yerləşdirmək və onları aşağıdakı sətirdən istifadə etməklə birləşdirməkdir: <link href="masala keçid" rel="stylesheet">. rel arqumentinin dəyəri bunların CSS üslubları olduğunu göstərir.

Tövsiyə edirik × − +