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.