Question 1

Which of the following values decreases the brightness in the filter function brightness?

Accepted Answer

In the brightness filter function, the values that decrease the brightness of an image are values less than 1. As the value approaches 0, the image becomes darker. Therefore, the best choice is C, which includes values from 0 to 1.

Question 2

In a client-side image map,_____ are defined regions within an image that can be linked to different URLs.

Accepted Answer

Hotspots are the defined regions within an image that can be linked to different URLs in a client-side image map. They are used to create clickable areas on an image. Borders, figure boxes, and drop shadows are not specific to image maps and have different uses.

Question 3

Identify the CSS3 3D transformation function that shifts an object offX pixels horizontally,offY pixels vertically,and offZ pixels along the z-axis.

Accepted Answer

The transform function that shifts an object offX pixels horizontally, offY pixels vertically, and offZ pixels along the z-axis is called translate3d().

Question 4

Identify a CSS3 2D transformation function that resizes an object by a factor of x horizontally.

Accepted Answer

The scaleY(y) function in CSS3 scales an object vertically by a factor of y. In order to resize an object horizontally, we need to use the scaleX(x) function instead. Therefore, none of the choices provided are the best option.

Question 5

Scott wants to use the color gray for the top and left borders and black for the right and bottom borders for an element.Which of the following should he use to define this?

Accepted Answer

The border-color property takes four values for the top, right, bottom, and left borders in that order. Therefore, to achieve gray for the top and left borders and black for the right and bottom borders, the correct value for the property would be "gray black black gray," or option C. Options A and B provide the correct colors but in the wrong order, while option D has the colors in the correct order but is the opposite of what is desired.

Question 6

A final way to alter an object is through a Cascading Style Sheets (CSS)_____.

Accepted Answer

The CSS filter property can be used to alter the visual appearance of an object by applying various effects such as blurring, color shifting, and brightness adjustments. The other options listed (box model, border property, visual design style) are all properties or concepts related to layout and design, but do not directly alter the visual appearance of an object.

Question 7

Sam wants to change the position of an image on his web page.He wants to place the background image 30 pixels to the right of an element's left edge and 30 pixels down from the top edge.Identify the correct style that Sam should use.

Accepted Answer

The answer of Sam wants to change the position of...

Question 8

Which of the following shape values represents the remaining area of an inline image not covered by any hotspots?

Accepted Answer

The "default" value represents the remaining area of the image that is not covered by any hotspots. The other shape values - circle, rect, and poly - are used to define areas within the image that are clickable or have some action associated with them.

Question 9

Identify the coordinate attribute for the rectangular hotspots of an image.

Accepted Answer

The answer of Identify the coordinate attribute for the rectangular...

Question 10

Sam needs to know how to tell the browsers to scale the image in order to cover all of the background while still retaining the proportions of the image,even if that means cropping the image.The keyword Sam should use in the background-size: property is _____.

Accepted Answer

The keyword "cover" in the "background-size" property will tell the browser to scale the image to cover the entire background while maintaining the aspect ratio of the image. This means that if the image is larger than the background area, it will be cropped to fit. If the image is smaller than the background area, it will be upscaled to fit.

Question 11

Identify a true statement about the perspective property.

Accepted Answer

The perspective property can be used to apply a 3D transformation to an element and its child elements, creating the illusion of depth and distance. It is commonly used when several transformed objects need to appear in the same 3D space with a common perspective. A and C are false statements, and D is incorrect as the perspective value is a positive value that determines the strength of the perspective effect, with higher values resulting in more extreme distortion.

Question 12

Which of the following is true of transformations in three dimensions?

Accepted Answer

The answer of Which of the following is true of...

Question 13

Filter functions can be combined in a _____ to create new effects.

Accepted Answer

Filter functions can be combined in a space-separated list to create new effects. For example, "blur(2px) grayscale(50%)" applies both a blur effect and a grayscale effect to an element.

Question 14

Sam wants the browser to load a background image and repeat the image in both the vertical and horizontal directions until the background is filled.This process is known as _____.

Accepted Answer

Tiling is the process of repeating an image in both the vertical and horizontal directions to fill the background of a webpage. It is commonly used in web design to create background patterns or textures.

Question 15

Scott wishes to modify the combination of the borders used on an element.He wants to use a double line for the top/bottom borders and a single solid line for the left/right borders.Which of the following border styles should he use?

Accepted Answer

The correct syntax to achieve the desired border styles (double line for the top/bottom and single solid line for the left/right borders) is to specify the border-style property with two values: the first for the top and bottom borders (double), and the second for the left and right borders (solid). Therefore, `border-style: double solid;` is the correct choice.

Question 16

Which of the following defines the default hotspot for an image?

Accepted Answer

The default hotspot for an image is defined by setting the coordinates to "0,0,width,height". The first two values represent the x and y coordinates of the top left corner of the rectangle, while the last two values represent the width and height of the rectangle. This creates a rectangular hotspot that covers the entire image.

Question 17

Which of the following coordinate values is used to define polygonal hotspots for an image?

Accepted Answer

The correct format for defining polygonal hotspots for an image is "coords="x1,y1,x2,y2,…", where x1 and y1 represent the coordinates of the first point, and subsequent pairs of x and y values represent the coordinates of additional vertices.

Question 18

Which of the following Cascading Style Sheets (CSS)3 filters applies transparency to an image?

Accepted Answer

The opacity filter is used to control the transparency of an element, including images. It takes a value between 0 (completely transparent) and 1 (fully opaque).

Question 19

Which of the following angles used in the filter function hue-rotate (angle)displays the complimentary colors?

Accepted Answer

The hue-rotate filter function in CSS changes the colors of an element by rotating the hue of every pixel by the specified angle. Complementary colors are opposite each other on the color wheel, which means a rotation of 180 degrees will transform colors into their complementary counterparts.

Question 20

Each hotspot within the map element is defined using the _____ element.

Accepted Answer

The <area> element is used to define a hotspot within an image map. It specifies the coordinates, shape, and hyperlink associated with the hotspot.

Quiz 4: Graphic Design With CSS