• Baş səhifə
  • Kitabxana
  • Rəy, təklif və iradlar
  • Haqqımızda
  • Əlaqə
reklam reklam reklam reklam reklam
saytda reklam
reklam yeri

CSS kursu. Blok model

Blok model

Biz CSS kursu üzrə növbəti dərsimizə başlayırıq. Bu dərsimizdə biz blok modellərdən danışacağıq. Bu çox maraqlı və eyni zamanda vacib mövzulardan biridir. Beləliklə blok model nədir? Və o nəyə lazımdır? Nədə istifadə olunur? Əslində bütün elementlər brauzer üçün vahid bir blok təşkil edir. Və bu bloklar tam olaraq ona aid olan sahənin bütün enini əhatə edir. Deməli hər bir element, teq brazuer üçün ayrıca blokdur və bir sətrin eninə qədər bütün sahəsini əhatə edir. Yəni blok kontentin yəni teqlər daxilində olan verilənlərin bitdiyi yerdə deyil həmin sətrin sonuna qədər bütün boş sahəni də əhatə edir. Beləliklə nəticə çıxır ki hər bir element özlüyündə bir blokdur və blokların özlərinin strukturu da vardır. Ola bilsin sizə bir qədər çətin gəlsin amma narahat olmayın praktiki dərslərdə biz bunlar üzərində dəfələrlə işləyəcəyik və avtomatizmə qədər çatdıracağıq. Bu mövzu ən vacib mövzulardan biridir, çünki hər zaman nəyisə biraz sağa və ya sola çəkmək lazım gəlir və ya hardasa zazor – aralıq qeyd etməli oluruq. Bu baxımdan da biz mütəmadi olaraq bu xüsusiyyətlərə müraciət edəcəyik. Ona görə də bu mövzunu dərindən mənimsəməlisiniz.

Blok model - onlar hər yerdə var!

CSS-dən yaxşı istifadə etmək üçün başa düşməyiniz lazım olan ilk şey səhifədə gördüyünüz hər şeyin düzbucaqlılardan ibarət olmasıdır. Hər bir sayt, yuxarıda, aşağıda və bir-birinin yanında yerləşən düzbucaqlı bloklar toplusundan başqa bir şey deyil. Blok modellərin xüsusiyyətlərindən biri də odur ki, blok modellərin yerləşdikləri konteynerin bütün sahəsini tutmasıdır. CSS ilə başqa bir şəkildə qeydiyyat aparmasanız, onlar altındakı digər elementləri dəyişdirərək maksimum mövcud yer tutmaq üçün uzadılırlar.

Bundan əlavə, blok modellər digər blok və ya elementləri öz daxilinə ala bilər və avtomatik olaraq hündürlüyünü məzmununa uyğun olaraq tənzimləyə bilər. Bunlara başlıqlar, paraqraflar, siyahılar və digər elementlər daxildir.

Bəs bu blok model nədir?

Hər bir HTML elementində onu əhatə edən bir blok var. Bu blok, CSS istifadə edərək müstəqil idarə edilə bilən bir neçə təbəqədən ibarətdir. Bu, elementləri bir-birinə nisbətən yerləşdirməyə və onları müxtəlif yollarla təşkil etməyə imkan verir. Bu təbəqələr aşağıdakılardan ibarətdir: Genişlik - elementin tərkib hissəsinin genişliyi Blok elementləri üçün standart dəyər 100% -dir. Daxili elementlər üçün genişlik məzmundan asılıdır.
Hündürlük - elementin hündürlüyünü müəyyənləşdirir. Bir qayda olaraq, daxili məzmundan asılıdır, ancaq istəsəniz müəyyən bir hündürlüyü göstərə bilərsiniz. Yenə də bu yalnız blok elementləri ilə işləyir.
Sərhədlər - hər bir elementin sərhədləri var, onları görməsən də. Fərqli ölçülərə, rənglərə və dizaynlara sahib ola bilərlər.
Otstuplar - bir elementin sərhədi və tərkibi arasındakı məsafəni müəyyənləşdirirlər. Məsələn, elementin içindəki mətn oxunaqlı qalması üçün istifadə edilə bilər.
Sahələr - elementin sərhədi ilə onu əhatə edən arasındakı məsafəni müəyyənləşdirirlər.

Beləliklə, CSS blok modelinin əsaslarını öyrəndiniz. Bu bilik saytların necə işlədiyini daha yaxşı başa düşməyə kömək edəcəkdir. Blok model ilə səhifənin görünüşünü və quruluşunu istədiyiniz kimi dəyişdirmək daha asandır. CSS-i daha da yaxşı öyrənmək üçün əla başlanğıcdır. Bu CSS kursu mükəmməl mənimsədikdən sonra saytınızın görünüşünü dəyişdirməyin yeni yollarını öyrənmək daha asan olacaq.


Əfqanoğlu