UCertify) | Actual Exam Questions & 100%
Correct Answers | Latest Update 2026 | Exam
Prep
1. If you want to create a button that changes color with a delay when hovered
over, which CSS3 properties would you use and how?
Use 'transition' for the color change and 'transition-delay' to specify
the delay.
Use 'transition' for the color change and 'hover-delay' to specify the
delay.
Use 'hover' for the color change and 'delay-effect' to specify the delay.
Use 'animation' for the color change and 'animation-delay' to specify
the delay.
2. Describe the effect of using the 'border-radius' property in CSS on a web
page element.
The 'border-radius' property in CSS changes the color of the element's
border.
The 'border-radius' property in CSS adjusts the spacing between
elements.
The 'border-radius' property in CSS defines the width of the element's
border.
The 'border-radius' property in CSS allows for the creation of
rounded corners on elements, enhancing the visual appeal.
3. What does the CSS3 h3 ~ p selector specifically target in a web document?
, It targets all <h3> elements that precede a <p> element.
It targets all <h3> elements within a <p> element.
It targets all <p> elements that are siblings of an <h3> element.
It targets only the first <p> element following an <h3> element.
4. If you want to change the background image to 'new_background.jpg' and
ensure it covers the entire navigation area, which CSS property should you
modify in the existing code?
background-image: url(new_background.jpg);
background: url(new_background.jpg) top right;
background-color: #d8d8d8; background-image:
url(new_background.jpg);
background: #d8d8d8 url(new_background.jpg) no-repeat center
center; background-size: cover;
5. Describe how 'absolute' positioning differs from 'relative' positioning in CSS.
'Absolute' positioning keeps the element in the document flow, while
'relative' positioning removes it.
'Absolute' positioning is only used for fixed headers, while 'relative'
positioning is for all other elements.
'Absolute' positioning allows for responsive design, while 'relative'
positioning does not.
'Absolute' positioning removes the element from the document flow
and positions it relative to its nearest positioned ancestor, while
'relative' positioning keeps the element in the document flow and
offsets it from its original position.
6. If a developer wants to ensure that a web application performs well on both
, mobile and desktop devices, which combination of technologies should they
prioritize in their development process?
HTML, CSS3, Bootstrap
HTML5, CSS, JavaScript
HTML5, PHP, JavaScript
Java, CSS, React
7. Use the property to configure rounded corners with CSS.
box-shadow
border-radius
border-round
background-corner
8. If an HTML element has a class that applies a background color, how can you
ensure a different background color is displayed using inline styles?
By editing the external CSS file to change the class definition.
By adding a new class with the desired background color.
By removing the class from the HTML element.
By adding an inline style with a different background color directly
in the HTML element.
9. Describe the role of a property in a CSS rule and how it affects the styling of
an HTML element.
A property in a CSS rule defines a specific style characteristic that
will be applied to the selected HTML element.
A property is the value assigned to an HTML element's attribute.
, A property is a comment that explains the CSS rule.
A property is the selector that identifies which HTML elements to style.
10. If you want to create a hover effect that changes the opacity of an image to
50% when hovered over, which CSS rule would you use?
img:hover { display: none; }
img:hover { opacity: 0.5; }
img:hover { transform: scale(1.5); }
img:hover { filter: grayscale(100%); }
11. Which video player plug-in must a user have if he or she wants to view
HTML5 video?
QuickTime Player
Windows Media Player
Flash Player
No player is required
12. If you want to move an element 50 pixels to the right and 30 pixels down
while also rotating it 45 degrees, which CSS properties would you use
together?
transform: translate(50px, 30px) rotate(45deg);
display: block; transform: translate(50px, 30px);
position: absolute; left: 50px; top: 30px; transform: rotate(45deg);
margin: 50px 30px; transform: rotate(45deg);
13. The CSS3 property provides a method to change the display of an
element and provides functions to rotate, scale, skew, or move an element.