WEB DEVELOPMENT FOUNDATIONS EXAMS
COMPLETE QUESTION BANK WITH ANSWERS
2026 COMPREHENSIVE REVIEW
◉ HSL Color Value. Answer: Specified a color using the hsl(hue,
saturation, lightness) function by indicating the hue, saturation, and
lightness values.
◉ RGBA Color Value. Answer: Specifies a color using the rgba(red,
green, blue, alpha) function by indicating the red, green, blue, and
alpha intensities. Alpha of 0 (zero) means fully transparent, 1 (one)
means fully opaque.
◉ Background-Color property. Answer: Specifies the background
color of an HTML element.
◉ Background property. Answer: A shorthand CSS property for
setting several of the HTML element's background properties at the
same time.
◉ float property. Answer: Specifies whether the HTML element will
float to the right or left of the element's parent container, allowing
text to flow around the element.
,◉ Clear property. Answer: Used to stop HTML elements from
floating.
◉ Display Property. Answer: Controls the layout of the element on a
web page. Values include inline, block, none, inline-block, and list-
item.
◉ CSS variable. Answer: A custom CSS property that defines a value.
◉ Absolute size. Answer: A size that is fixed and independent of
other CSS sizes.
◉ Relative size. Answer: A size that is relative to another size.
◉ CSS Units. Answer: Used to define the page element length like
font-size, height, width, and border, among other properties.
◉ Absolute Units. Answer: Consist of physical measurements that
are fixed, meaning they are not related to other properties.
◉ Relative units. Answer: Define a length based on another relative
length property like font parent or size of a viewport.
, ◉ fixed layout. Answer: The use of a fixed-width container to
envelop web page contents.
◉ Fluid Layout. Answer: A layout that allows page contents to fill the
browser, sometimes by using percentages for widths.
◉ Flexible Box or Flexbox. Answer: A CSS layout mode that provides
an efficient way to lay out elements in a container so the elements
behave predictably when the container is resized for viewed on
different screen sizes.
◉ Flex Container. Answer: An element that has the CSS property
display set to 'flex' to create a block-level flex container or inline-flex
to create an inline flex container.
◉ Flex-Direction. Answer: A CSS property that defines the direction
of flex items within the container.
◉ Flex-basis. Answer: A CSS property that sets the initial length of a
flex item. Auto is Default. Can be % or unit.
◉ Flex-grow. Answer: A CSS property that sets a proportion that
determines how much of the available container space should be
assigned to the item. The default is 0, meaning the size should be
based on the item's content.
COMPLETE QUESTION BANK WITH ANSWERS
2026 COMPREHENSIVE REVIEW
◉ HSL Color Value. Answer: Specified a color using the hsl(hue,
saturation, lightness) function by indicating the hue, saturation, and
lightness values.
◉ RGBA Color Value. Answer: Specifies a color using the rgba(red,
green, blue, alpha) function by indicating the red, green, blue, and
alpha intensities. Alpha of 0 (zero) means fully transparent, 1 (one)
means fully opaque.
◉ Background-Color property. Answer: Specifies the background
color of an HTML element.
◉ Background property. Answer: A shorthand CSS property for
setting several of the HTML element's background properties at the
same time.
◉ float property. Answer: Specifies whether the HTML element will
float to the right or left of the element's parent container, allowing
text to flow around the element.
,◉ Clear property. Answer: Used to stop HTML elements from
floating.
◉ Display Property. Answer: Controls the layout of the element on a
web page. Values include inline, block, none, inline-block, and list-
item.
◉ CSS variable. Answer: A custom CSS property that defines a value.
◉ Absolute size. Answer: A size that is fixed and independent of
other CSS sizes.
◉ Relative size. Answer: A size that is relative to another size.
◉ CSS Units. Answer: Used to define the page element length like
font-size, height, width, and border, among other properties.
◉ Absolute Units. Answer: Consist of physical measurements that
are fixed, meaning they are not related to other properties.
◉ Relative units. Answer: Define a length based on another relative
length property like font parent or size of a viewport.
, ◉ fixed layout. Answer: The use of a fixed-width container to
envelop web page contents.
◉ Fluid Layout. Answer: A layout that allows page contents to fill the
browser, sometimes by using percentages for widths.
◉ Flexible Box or Flexbox. Answer: A CSS layout mode that provides
an efficient way to lay out elements in a container so the elements
behave predictably when the container is resized for viewed on
different screen sizes.
◉ Flex Container. Answer: An element that has the CSS property
display set to 'flex' to create a block-level flex container or inline-flex
to create an inline flex container.
◉ Flex-Direction. Answer: A CSS property that defines the direction
of flex items within the container.
◉ Flex-basis. Answer: A CSS property that sets the initial length of a
flex item. Auto is Default. Can be % or unit.
◉ Flex-grow. Answer: A CSS property that sets a proportion that
determines how much of the available container space should be
assigned to the item. The default is 0, meaning the size should be
based on the item's content.
