Practical CSS3 Mastery Course - CSS Position Property

What is the primary purpose of creating a folder and setting up HTML elements in the initial steps?

• To organize files for a JavaScript project

• To prepare the environment for CSS positioning practice

• To create a database for storing CSS properties

• To set up a server for hosting a website

Which CSS property is used to arrange elements side by side?

• Display: block

• Display: inline

• Display: inline-block

• Display: flex

How many different values can the CSS position property have?

• Six

• Five

• Four

• Three

What happens when an element is given a position of 'absolute'?

• It sticks to a specified position when scrolling

• It becomes fixed to the viewport

• It moves relative to its nearest positioned ancestor

• It follows the normal document flow

What is the default position value for HTML elements?

• Absolute

• Relative

• Static

• Fixed

Which position value allows an element to move from its normal position by specified offsets?

• Fixed

• Relative

• Static

• Absolute

What is the effect of setting an element's position to 'fixed'?

• It stays in place even when scrolling

• It sticks to a specified position when scrolling

• It moves relative to its parent

• It follows the normal document flow

How does the 'sticky' position value behave?

• It sticks to a position when scrolling past a certain point

• It moves relative to its parent

• It follows the normal document flow

• It remains fixed at the top of the viewport

Which position value is used to create a floating button that remains visible while scrolling?

• Relative

• Sticky

• Fixed

• Static

What is the main difference between 'absolute' and 'fixed' positioning?

• Both are relative to the parent

• Fixed is relative to the viewport, absolute is relative to the parent

• Absolute is relative to the viewport, fixed is relative to the parent

• Both are relative to the viewport