Question 1

Which layout is used by the mobile-first approach to prevent horizontal scrolling and minimize vertical scrolling?

Accepted Answer

A)  single-column layout 
B)  two-column layout 
C)  single-row layout 
D)  two-row layout 
A)  single-column layout 
B)  two-column layout 
C)  single-row layout 
D)  two-row layout

Question 2

Samantha wants the color of the Home link to turn yellow when she moves the pointer over it. Identify the pseudo-class that should be used to perform this function.

Accepted Answer

A)  :link 
B)  :hover 
C)  :active 
D)  :visited 
A)  :link 
B)  :hover 
C)  :active 
D)  :visited

Question 3

The pseudo-class :link is used to style a link that has been clicked.

Accepted Answer

A) True 
 B)False

Question 4

Radial gradients can transition from several different angles.

Accepted Answer

A) True 
 B)False

Question 5

Samantha wants the color of visited links to turn purple. Which pseudo-class should she use?

Accepted Answer

A)  :link 
B)  :hover 
C)  :active 
D)  :visited 
A)  :link 
B)  :hover 
C)  :active 
D)  :visited

Question 6

Which is true of tablet viewports?

Accepted Answer

A)  Tablet devices vary by operating system, manufacturer, and screen size. 
B)  It is easy to design a "one size fits all" layout for a tablet device. 
C)  One layout to target tablet viewports cannot be created. 
D)  When responsive web design and media queries are used, multiple tablet layouts must be designed to accommodate the growing tablet market. 
A)  Tablet devices vary by operating system, manufacturer, and screen size. 
B)  It is easy to design a "one size fits all" layout for a tablet device. 
C)  One layout to target tablet viewports cannot be created. 
D)  When responsive web design and media queries are used, multiple tablet layouts must be designed to accommodate the growing tablet market.

Question 7

The _____ attribute is used to determine which stylesheet should be applied.

Accepted Answer

A)  class 
B)  coords 
C)  media 
D)  shape 
A)  class 
B)  coords 
C)  media 
D)  shape

Question 8

A tablet viewport is larger than a mobile viewport but smaller than a desktop viewport.

Accepted Answer

A) True 
 B)False

Question 9

Discuss media query expressions with relevant examples.

Accepted Answer

Media query expressions are used in web

Question 10

To create a radial gradient, what is the least amount of colors that must be specified?

Accepted Answer

A)  none 
B)  one 
C)  two 
D)  three 
A)  none 
B)  one 
C)  two 
D)  three

Question 11

Media queries can apply styles to move, hide, or display content on a webpage, change text or colors, or add any other styles to make the page easier to read in a particular situation.

Accepted Answer

A) True 
 B)False

Question 12

When testing for minimum and maximum widths, the word "and" separates each part of the media attribute value.

Accepted Answer

A) True 
 B)False

Question 13

The pseudo-class :hover is used to style an unvisited link.

Accepted Answer

A) True 
 B)False

Question 14

Which character is placed between a selector and the pseudo-class?

Accepted Answer

A)  ; 
B)  - 
C)  : 
D)  / 
A)  ; 
B)  - 
C)  : 
D)  /

Question 15

If a particular tablet device has a viewport smaller than the minimum size specified in the media query, the layout will default to the _____ viewport layout.

Accepted Answer

A)  mobile 
B)  original 
C)  desktop 
D)  largest 
A)  mobile 
B)  original 
C)  desktop 
D)  largest

Question 16

The color of links in a website changes due to the use of pseudo-classes in the website's style sheet.

Accepted Answer

A) True 
 B)False

Question 17

The selector _____ identifies the color to apply to a navigation link that has not yet been visited or clicked.

Accepted Answer

A)  nav a:link 
B)  nav a:active 
C)  nav a:hover 
D)  nav a:visited 
A)  nav a:link 
B)  nav a:active 
C)  nav a:hover 
D)  nav a:visited

Question 18

Kevin would like to apply a gradient that transitions from blue for the top portion of the page to white for the bottom portion of the page. Which function should he use?

Accepted Answer

A)  background: linear-gradient(blue, white); 
B)  background: linear-gradient(bottom white, top blue); 
C)  background: linear-gradient(white, blue); 
D)  background: linear-gradient(to top blue, to bottom white); 
A)  background: linear-gradient(blue, white); 
B)  background: linear-gradient(bottom white, top blue); 
C)  background: linear-gradient(white, blue); 
D)  background: linear-gradient(to top blue, to bottom white);

Question 19

When designing for a tablet viewport, layout and placement of content should remain the same from viewport to viewport.

Accepted Answer

A) True 
 B)False

Question 20

Which gradients are specified by their center?

Accepted Answer

A)  h orizontal 
B)  l inear 
C)  r adial 
D)  d iagonal 
A)  h orizontal 
B)  l inear 
C)  r adial 
D)  d iagonal

Which layout is used by the mobile-first approach to prevent horizontal scrolling and minimize vertical scrolling?

Samantha wants the color of the Home link to turn yellow when she moves the pointer over it. Identify the pseudo-class that should be used to perform this function.

The pseudo-class :link is used to style a link that has been clicked.

Radial gradients can transition from several different angles.

Samantha wants the color of visited links to turn purple. Which pseudo-class should she use?

Which is true of tablet viewports?

The _____ attribute is used to determine which stylesheet should be applied.

A tablet viewport is larger than a mobile viewport but smaller than a desktop viewport.

Discuss media query expressions with relevant examples.

To create a radial gradient, what is the least amount of colors that must be specified?

Media queries can apply styles to move, hide, or display content on a webpage, change text or colors, or add any other styles to make the page easier to read in a particular situation.

When testing for minimum and maximum widths, the word "and" separates each part of the media attribute value.

The pseudo-class :hover is used to style an unvisited link.

Which character is placed between a selector and the pseudo-class?

If a particular tablet device has a viewport smaller than the minimum size specified in the media query, the layout will default to the _____ viewport layout.

The color of links in a website changes due to the use of pseudo-classes in the website's style sheet.

The selector _____ identifies the color to apply to a navigation link that has not yet been visited or clicked.

Kevin would like to apply a gradient that transitions from blue for the top portion of the page to white for the bottom portion of the page. Which function should he use?

When designing for a tablet viewport, layout and placement of content should remain the same from viewport to viewport.

Which gradients are specified by their center?

Introduction to the Internet and Web Design

Building a Webpage Template With Html 5

Enhancing a Website With Images and Links

Designing Webpages With Css

Responsive Design Part 1 Designing for Mobile Devices

Improving Web Design With New Page Layouts

Creating Tables and Forms

Integrating Audio and Video

Creating Interactivity With Css and Javascript

Publish Promote and Maintain a Website

Getting Started With Bootstrap

Appendix Html Special Feature Attracting Visitors to Your Web Site

Filters

Exam 6: Responsive Design Part 2 Designing for Tablet and Desktop Devices

Which layout is used by the mobile-first approach to prevent horizontal scrolling and minimize vertical scrolling?

Samantha wants the color of the Home link to turn yellow when she moves the pointer over it. Identify the pseudo-class that should be used to perform this function.

The pseudo-class :link is used to style a link that has been clicked.

Radial gradients can transition from several different angles.

Samantha wants the color of visited links to turn purple. Which pseudo-class should she use?

Which is true of tablet viewports?

The _____ attribute is used to determine which stylesheet should be applied.

A tablet viewport is larger than a mobile viewport but smaller than a desktop viewport.

Discuss media query expressions with relevant examples.

To create a radial gradient, what is the least amount of colors that must be specified?

Media queries can apply styles to move, hide, or display content on a webpage, change text or colors, or add any other styles to make the page easier to read in a particular situation.

When testing for minimum and maximum widths, the word "and" separates each part of the media attribute value.

The pseudo-class :hover is used to style an unvisited link.

Which character is placed between a selector and the pseudo-class?

If a particular tablet device has a viewport smaller than the minimum size specified in the media query, the layout will default to the _____ viewport layout.

The color of links in a website changes due to the use of pseudo-classes in the website's style sheet.

The selector _____ identifies the color to apply to a navigation link that has not yet been visited or clicked.

Kevin would like to apply a gradient that transitions from blue for the top portion of the page to white for the bottom portion of the page. Which function should he use?

When designing for a tablet viewport, layout and placement of content should remain the same from viewport to viewport.

Which gradients are specified by their center?

Introduction to the Internet and Web Design

Building a Webpage Template With Html 5

Enhancing a Website With Images and Links

Designing Webpages With Css

Responsive Design Part 1 Designing for Mobile Devices

Improving Web Design With New Page Layouts

Creating Tables and Forms

Integrating Audio and Video

Creating Interactivity With Css and Javascript

Publish Promote and Maintain a Website

Getting Started With Bootstrap

Appendix Html Special Feature Attracting Visitors to Your Web Site

Filters