WorksheetsQuiz 3 (CSS-2)
Total questions: 19
Worksheet time: 17mins
Aşağıdakı CSS xassələrindən hansı səhifədəki elementi gizlədir və onu səhifədə görünməz edir?
display:flex
display:block
display:none
display:inline
Aşağıdakı flexbox xüsusiyyətlərindən hansı elementlərimizi şaquli şəkildə yerləşdirməyə imkan verir?
display:flex-reverse
flex-direction:column
flex-direction:row
flex-wrap:wrap
tr:nth-child(odd){
background:blue}
Buradakı kodla hansı elementləri seçdik, cavab bölməsinə yazmağınızı istəyirəm.
Aşağıdakılardan hansı qutuda dolub daşan məzmunu gizlədəcək?
display:none
overflow:scroll
overflow:visible
overflow:hidden
Aşağıdakılardan hansı HTML elementinin yalnız bütün sətiri əhatə etdiyini göstərən ekran dəyəridir?
flex
inline-block
block
inline
flex-direction xüsusiyyətindən istifadə edərkən biz ümumiyyətlə 2 xüsusiyyət gördük.Bu iki xüsusiyyət nədir? Bu xassələr dəyişdikdə justify-content və align-items xassələri hansı şəkildə işləyir? (Hər iki suala cavab verməyə çalışın!)
Aşağıdakılardan hansı baxılmamış keçidləri seçən pseudo-class'ıdır?
:hover
:link
:visited
:first-child
Aşağıdakılardan hansı flex elementlərimiz flex qutusuna yerləşmədikdə onları növbəti sətirə keçirəcək xüsusiyyət və dəyəri ehtiva edir?
flex:1
flex-direction:column
flex:no-wrap
flex:wrap
Yan tərəfdə yerləşən HTML kodlarında sarı ilə işarələnmiş elementləri seçmək üçün hansı pseudo-classlarından istifadə etmək olar? (Vergüllə yazın)
Aşağıdakılardan hansı flex elementləri müəyyən etdiyimiz ardıcıllıqla işarələməyə imkan verən xüsusiyyətdir?
order
flex-grow
align-self
flex-wrap
Show answersExplanationPreviousNext
Aşağıdakılardan hansında elementimizi səhifəmizdə üfüqi olaraq mərkəzləşdirən CSS kodu var?
padding:0 auto
site-align:center
margin:center
margin:0 auto
Aşağıdakı CSS kodlarından hansı bizə qutularımızı yerləşdiyi yerə görə sağdan, soldan, yuxarıdan, aşağıdan yerləşdirməyə imkan verir?
position:center
position:relative
position:fixed
position:absolute
Hansı direktiv bir faylın məzmununu digərinə daxil etməyə imkan verir?
@include
@import
@define
Hamısı
.
CSS grid-də xanalar arasındakı boşluğu necə təyin edə bilərik?
margin
padding
grid-gap
space
Aşağıdakılardan hansı @keyframes sintaksisinə uyğun gəlir?
keyframes example {from {top:0px;}to {top: 200px;background-color: blue;}}
@keyframes example {from {top:0px;}to {top: 200px;background-color: blue;}}
Heçbiri
@keyframes example {from {top: 0px;}}
Elementi soldan 150 piksel və yuxarıdan 100 piksel sürüşdürmək istəyirsiniz. Hansı kod parçaları düzgündür?
transform: translate(150px,100px)
translate: transform(100px,150px)
translate: transform(100px,150px)
transform: translate(100px,150px)
Show answersExplanationPreviousNext
Aşağıdakılardan hansından istifadə etdikdə animasiya yavaş-yavaş başlayacaq və tam sürətlə bitəcək.
ease-in-out
ease-in
ease-out
ease
Aşağıdakılardan hansı elementin yükləndiyi andan sonra animasiyanın başlayacağı zamanı bildirir?
animation-duration
animation-delay
animation-direction
animation-iteration-count
Animasiyanın ritmini, yəni sürətlənmə əyrilərini quraraq animasiya çərçivələrinin necə göstərildiyini göstərir.
animation-name
animation-timing-function
animation-play-state
animation-fill-mode
