CSS li formasını tələb etsə sadə forması belədi eynən görüntüdəki ki alınmadı:
1. List item
2. List item
3. List item
1. List item
2. List item
3. List item
4. List item
5. List item
17.
CSS-də Display, Z-index izah edin. Display dəyərlərinin fərqləri nələrdir?
CSS-də "display" xüsusiyyəti, bir elementin necə göstəriləcəyi haqqında məlumat verir.
"Display" xüsusiyyətinin dəyərləri arasında "block", "inline", "inline-block", "none", "table", "table-cell", "flex", "grid" və s. mövcuddur. "block", "inline", "inline-block” dəyərlər:
display: block - Bu xüsusiyyət, elementin aşağıdan yuxarıya, soldan sağa və ya hər iki istiqamətdən məhz bir sətir təşkil edəcəyini göstərir.
display: inline - Bu xüsusiyyətə malik elementin özündən əvvəl və ya sonra hər hansısa boşluq buraxmır. Boşluq varsa, növbəti element eyni xəttdə olacaq.
display: inline-block - Bu xüsusiyyətə malik elementin mövcud sətir daxilində, özünü block element kimi aparır.
"z-index", CSS-də bir elementin diğer elementlər üzərindəki mövqeyini təyin etmək üçün istifadə olunan bir xüsusiyyətdir. "z-index" dəyəri pozitiv və ya mənfi tam ədəd ola bilər və nə qədər böyük olarsa, element digər elementlərdən daha üstün mövqedə olacaq. Məsələn, z-index dəyəri "1" olan bir element, z-index dəyəri "0" olan bir elementin üzərində yerləşəcəkdir.
18.
CSS-də Position izah edin. Relative, absolute, sticky dəyərlərinin fərqi nələrdir? Aşağıdakı kod nümunəsini izah edin.
position xüsusiyyəti element üçün istifadə olunan yerləşdirmə metodunun növünü təyin edir (static, relative, fixed, absolute or sticky).
Beş fərqli position dəyəri var:
static
relative
fixed
absolute
sticky
position:relative; olan element normal vəziyyətinə nisbətən yerləşdirilir.
position:absolute; olan element ən yaxın yerləşdirilmiş əcdadla(elementlə) müqayisədə yerləşdirilir (sabit kimi görünüş pəncərəsinə nisbətən yerləşdirmək əvəzinə).
position:sticky; olan element istifadəçinin sürüşmə mövqeyinə əsasən yerləşdirilir.
sticky element sürüşdürmə mövqeyindən asılı olaraq relative və fixed arasında dəyişir.
