Позиционирање садржаја - квиз¶

Q-8: Повежи наредна CSS својства за померање елемената и њихова значења у односу на смер у којем врше померање елемената.

top
померање на доле
right
померање у лево
bottom
померање на горе
left
померање у десно

Q-9: Која од наредних врста позиционирања представља подразумевани тип позиционирања елемената?

фиксно
релативно
апсолутно
статичко
ниједно од понуђених

Које CSS својство се мора навести како би CSS својства за померање елемената (top, bottom, right, left) имала утицај на позиционирање елемената?

Одговор:

Допуни наредни CSS код тако да се елемент p позиционира 30 пиксела од горње ивице у односу на његово подразумевано позиционирање.

p {

: 30px;

: ;

}

Допуни наредни CSS код тако да се елемент p позиционира 20 пиксела од десне ивице погледа веб-прегледача.

p {

: 20px;

: ;

}

Посматрај наредне делове HTML и CSS кодова, па одговори на питање.

<!-- HTML код -->
<body>
    <header>
        <nav>
            <span>
                <a></a>
            </span>
        </nav>
    </header>
</body>

/* CSS код */
a {
    position: absolute;
    left: 10px;
}

Q-10: У односу на ивицу којег од понуђених елемената ће елемент a бити позициониран?

header
nav
span
ниједно од понуђених

Посматрај наредне делове HTML и CSS кодова, па одговори на питање.

<!-- HTML код -->
<body>
    <header>
        <nav>
            <span>
                <a></a>
            </span>
        </nav>
    </header>
</body>

/* CSS код */
header {
    position: relative;
}

nav {
    position: relative;
}

a {
    position: absolute;
    left: 10px;
}

Q-11: У односу на ивицу којег од понуђених елемената ће елемент a бити позициониран?

header
nav
span
ниједно од понуђених

Посматрај наредну слику, па одговори на питање.

../_images/pozicioniranje_sadrzaja_kviz_8.png

         Q-12: Поређај елементе од оног са највећом до оног са најмањом вредношћу CSS својства *z-index*.зелени
плави
црвени
жути

Посматрај наредну слику, па одговори на питање.

../_images/pozicioniranje_sadrzaja_kviz_9.png

Q-13: Које од наредних CSS својстава се може користити да се плави елемент на слике уклони из приказа веб-странице тако да остали елементи не мењају свој распоред?

visibility
remove
display
delete
ниједно од понуђених

Претходна лекција Следећа лекција

Слова