Question 1

The ____________________ contains the space directly around the content but within the element box.

Accepted Answer

The answer of The ____________________ contains the space directly around...

Question 2

Case 4-1
Ken has built a Web site for his homework assignment. He has his links for each chapter appear on the page with a blue background image behind each link. Ken has each link appear as green with no underline marks

-Ken would like the background of his links to change to " lightblue .j p g" when the mouse pointer is over the link.Which style will he need to modify?
A) a:link
B) a:visited
C) a:hover
D) a:active

Accepted Answer

Ken will need to modify the "a:hover" style, which targets the appearance of a link when the user hovers over it with their mouse pointer. This is the only style that changes the appearance of the link based on mouse behavior. The other styles, "a:link", "a:visited", and "a:active", only affect the appearance of links based on their state (whether they have been clicked, visited, or are currently being clicked on).

Question 3

Elements are laid out in a Web page following the structure of the ____________________.

Accepted Answer

The answer of Elements are laid out in a Web...

Question 4

Page layout is one of the most important aspects of ____________________ design.

Accepted Answer

The answer of Page layout is one of the most...

Question 5

Case 4-3
Sam is trying to decide the best way to design the background of his web page. He would like to add background images and background styles to his design. He needs to understand how browsers load a background image as well as learn about background style properties

-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 the element's left border and center it vertically.The style used ____.
A) background-position: 30px;
B) background-position: 10px;
C) background-position: 20px;
D) background-position: center, 30px;

Accepted Answer

The correct style to position the background image 30 pixels to the right and center it vertically is "background-position: 30px center;". However, among the given options, "background-position: 30px;" is the closest, specifying the horizontal position.

Question 6

When you have defined a rectangular region using the appropriate style,which value matches the specified edge of the region to the edge of the parent element?
A) right
B) default
C) auto
D) left

Accepted Answer

The value "auto" is used to match the specified edge of the region to the edge of the parent element, allowing for automatic adjustment based on the layout or other factors.

Question 7

A(n)____________________ layout may be more difficult to set up initially but is more adaptable to a market in which users access the Web from a variety of devices and screen resolutions.

Accepted Answer

The answer of A(n)____________________ layout may be more difficult to...

Question 8

Case 4-2
The Yacht club has a Web site that consists of a picture of the yacht club room along with the yacht club rules on the left. On the right is a list of Upcoming Events, the company logo, and then yacht club teacher training dates. Sue, the Web designer, needs some help with CSS to make sure the pages display correctly

-Which display value would be best to prevent the pictures from displaying when the Web page loads?
A) display
B) run-in
C) visible
D) none

Accepted Answer

The "none" value for the display property will prevent the pictures from being displayed on the Web page.

Question 9

Case 4-2
The Yacht club has a Web site that consists of a picture of the yacht club room along with the yacht club rules on the left. On the right is a list of Upcoming Events, the company logo, and then yacht club teacher training dates. Sue, the Web designer, needs some help with CSS to make sure the pages display correctly

-Sue needs to create a ____ style sheet so that no unwanted styles will creep in from any browser's internal style sheet.
A) redesign
B) reset
C) design
D) planned

Accepted Answer

Sue needs to create a reset style sheet to ensure that no unwanted styles will be applied from the browser's internal style sheet. This will allow her to start with a clean slate and create consistent styling for the website.

Question 10

A fixed background image can be used to create a(n)____________________ effect.

Accepted Answer

The answer of A fixed background image can be used...

Question 11

Case 4-3
Sam is trying to decide the best way to design the background of his web page. He would like to add background images and background styles to his design. He needs to understand how browsers load a background image as well as learn about background style properties

-Sam needs to know how to tell the browsers to scale the image in order to cover all the background while still retaining the proportions of the image,even if that means cropping the image.The keyword Sam should use is ____.
A) contain
B) content
C) cover
D) auto

Accepted Answer

The keyword Sam should use is "cover" to scale the image in order to cover the background while still retaining the proportions of the image, even if that means cropping the image.

Question 12

Case 4-2
The Yacht club has a Web site that consists of a picture of the yacht club room along with the yacht club rules on the left. On the right is a list of Upcoming Events, the company logo, and then yacht club teacher training dates. Sue, the Web designer, needs some help with CSS to make sure the pages display correctly

-To cause the yacht club rules to display at the top of the page like a list,you could use ____.
A) display: list-item
B) display: top
C) display: list
D) display: top-item

Accepted Answer

The "display: list-item" property will display the yacht club rules as a list and position it at the top of the page. The other options ("display: top", "display: list", "display: top-item") do not exist in CSS and will not achieve the desired result.

Question 13

Case 4-3
Sam is trying to decide the best way to design the background of his web page. He would like to add background images and background styles to his design. He needs to understand how browsers load a background image as well as learn about background style properties

-Sam wants the browser to load a background image,repeating the image in both the vertical and horizontal directions until the background is filled.This process is known as ____.
A) painting
B) tiling
C) papering
D) drawing

Accepted Answer

Tiling refers to the process where browsers load a background image and repeats it in both the vertical and horizontal directions until the background is filled.

Question 14

The ____ value of the display style tells the browser not the display the element.
A) null
B) none
C) empty
D) hide

Accepted Answer

The "none" value of the display style is used to completely hide the element from the page, so it is the best choice for the given scenario. The other options are not valid CSS property values for the display style.

Question 15

Case 4-1
Ken has built a Web site for his homework assignment. He has his links for each chapter appear on the page with a blue background image behind each link. Ken has each link appear as green with no underline marks

-Ken must have used which style to make the underline not appear for links?
A) text-format
B) text-decoration
C) text-align
D) text-font

Accepted Answer

Ken most likely used the text-decoration style to remove the underline marks from the links.

Question 16

-Which style in the accompanying figure represents the scroll overflow style?
A) 1
B) 2
C) 3
D) 4

Accepted Answer

The scroll overflow style is depicted by style 3, which shows a container with visible scroll bars, indicating content overflow that can be navigated by scrolling.

Question 17

To scroll through the aside element using a mobile device like an iPad,you must use the ____ scroll gesture on the contents of the sidebar.
A) one-finger
B) two-finger
C) double-tap
D) tap and slide

Accepted Answer

The two-finger scroll gesture is typically used for scrolling through content on a mobile device such as an iPad. This gesture involves placing two fingers on the screen and moving them up or down to scroll through the content. This is the most intuitive and commonly used scrolling method on mobile devices.

Question 18

The ____________________ keyword tells browsers to scale the image so that all of the image is completely contained within the element,even if that means that not all of the element is covered by the image.

Accepted Answer

The answer of The ____________________ keyword tells browsers to scale...

Question 19

Case 4-2
The Yacht club has a Web site that consists of a picture of the yacht club room along with the yacht club rules on the left. On the right is a list of Upcoming Events, the company logo, and then yacht club teacher training dates. Sue, the Web designer, needs some help with CSS to make sure the pages display correctly

-In Sue's design,she learned to allow users to scroll ____ the length of the Web page.
A) vertically
B) horizontally
C) across
D) in

Accepted Answer

Allowing users to scroll vertically is the standard practice for displaying Web pages. It allows users to easily navigate through the content on the page without having to resize the page or scroll in multiple directions. Horizontal scrolling is generally considered less user-friendly and should be avoided whenever possible.

Question 20

To stack elements,you can use the ____ style.
A) index
B) layer
C) z-layer
D) z-index

Accepted Answer

The z-index property is used to control the stacking order of elements. The higher the z-index value, the closer an element is to the front of the stacking order.

Quiz 4: Creating Page Layouts with CSS

The ____________________ contains the space directly around the content but within the element box.

Elements are laid out in a Web page following the structure of the ____________________.

Page layout is one of the most important aspects of ____________________ design.

When you have defined a rectangular region using the appropriate style,which value matches the specified edge of the region to the edge of the parent element?

A(n)____________________ layout may be more difficult to set up initially but is more adaptable to a market in which users access the Web from a variety of devices and screen resolutions.

A fixed background image can be used to create a(n)____________________ effect.

The ____ value of the display style tells the browser not the display the element.

Case 4-1 Ken has built a Web site for his homework assignment. He has his links for each chapter appear on the page with a blue background image behind each link. Ken has each link appear as green with no underline marks -Ken must have used which style to make the underline not appear for links?

-Which style in the accompanying figure represents the scroll overflow style?

To scroll through the aside element using a mobile device like an iPad,you must use the ____ scroll gesture on the contents of the sidebar.

The ____________________ keyword tells browsers to scale the image so that all of the image is completely contained within the element,even if that means that not all of the element is covered by the image.

To stack elements,you can use the ____ style.