Filters
Question type
Study Flashcards

Match each logical operator and media feature with its description.

Premises
not
and
max-width
,
min-width
Responses
conditions before and after must be true
maximum width to which media query applies
condition after must be false
minimum width to which media query applies
condition before or condition after must be true

Correct Answer

not
and
max-width
,
min-width

Limiting the amount of web page content shown by default and making related information available only if a user requests is describes which concept?


A) implementing adaptive content
B) testing with an emulator
C) using a shim
D) creating a breakpoint

E) All of the above
F) A) and B)

Correct Answer

verifed

verified

Case-Based Critical Thinking Question Jenna manages the website for a local band. She is exploring responsive design to determine which aspects she might implement on the band's website. Jenna learns that while developing her website, she can most easily get a sense of how the layout will perform on a variety of devices by 


A) acquiring and testing on all the devices that her target audience will be using
B) testing just on devices she owns
C) testing with an emulator
D) testing only on mobile devices

E) B) and C)
F) A) and B)

Correct Answer

verifed

verified

C

On small screens, it generally makes the most sense to display content


A) in a single column
B) in two columns
C) at a fixed width
D) in a sidebar

E) A) and D)
F) All of the above

Correct Answer

verifed

verified

Which of the following involves using newer CSS features in a way that doesn't affect the meaning or functionality of the page content?


A) a shim
B) progressive enhancement
C) an emulator
D) adaptive content

E) A) and D)
F) All of the above

Correct Answer

verifed

verified

Referring to the figure above, what part of a responsive layout would this code accomplish? A) create a small screen layout B) add a sidebar C) implement adaptive content D) create a widescreen layout Referring to the figure above, what part of a responsive layout would this code accomplish?


A) create a small screen layout
B) add a sidebar
C) implement adaptive content
D) create a widescreen layout

E) A) and B)
F) B) and D)

Correct Answer

verifed

verified

Referring to the figure above, which of the following describes when the code applies? A) on a device with a screen and with a minimum width of 880px B) on a device with a screen or with a minimum width of 880px C) on a device with a screen and with a maximum width of 880px D) on a device with a screen or with a maximum width of 880px Referring to the figure above, which of the following describes when the code applies?


A) on a device with a screen and with a minimum width of 880px
B) on a device with a screen or with a minimum width of 880px
C) on a device with a screen and with a maximum width of 880px
D) on a device with a screen or with a maximum width of 880px

E) A) and D)
F) All of the above

Correct Answer

verifed

verified

Which pseudo-class selects the first child element if it is of the specified type?


A) :first-child
B) :first-of-type
C) :nth-child
D) :nth-of-type

E) All of the above
F) B) and D)

Correct Answer

verifed

verified

In responsive design, a button showing 3 horizontal lines is often referred to as a(n) __________ menu.

Correct Answer

verifed

verified

Element widths in responsive designs are often specified in percentages, with the size of each element relative to


A) the width of the browser window.
B) the height of the browser window.
C) the width of its parent.
D) the height of its parent.

E) C) and D)
F) A) and D)

Correct Answer

verifed

verified

Responsive design relies mainly on the min-height and max-height media features.

A) True
B) False

Correct Answer

verifed

verified

Which of the following applies to a device with a screen or to a device with a minimum width of 500px?


A) screen and (min-width: 500px)
B) screen, (min-width: 500px)
C) screen and (max-width: 500px)
D) screen, (max-width: 500px)

E) A) and B)
F) C) and D)

Correct Answer

verifed

verified

When a media query uses the comma ( , ) logical operator,


A) the conditions before and after the comma must be true.
B) the condition before or after the comma must be true.
C) the condition following the comma must be false.
D) the condition following the comma must be true.

E) A) and C)
F) B) and C)

Correct Answer

verifed

verified

While developing a website, you can test how its layout might appear on a range of devices using


A) a shim
B) an emulator
C) a device-pixel ratio
D) a hamburger menu

E) None of the above
F) A) and D)

Correct Answer

verifed

verified

A(n) __________ runs on a computer and approximates the dimensions and behavior of a wide range of devices.

Correct Answer

verifed

verified

A browser on any device is capable of rendering any page written in HTML and CSS.

A) True
B) False

Correct Answer

verifed

verified

Case-Based Critical Thinking Question Jenna manages the website for a local band. She is exploring responsive design to determine which aspects she might implement on the band's website. Jenna decides to change element sizes on the website to use 


A) percentages
B) ems
C) pixels
D) points

E) None of the above
F) A) and B)

Correct Answer

verifed

verified

Which of the following is true about IE8?


A) It supports all current CSS properties.
B) It doesn't support features developed after the browser was released.
C) It is no longer used by anyone.
D) It is not supported by responsive design techniques.

E) B) and D)
F) C) and D)

Correct Answer

verifed

verified

Referring to the figure above, the code shown in the figure represents A) print styles. B) a media query. C) a shim. D) a schema. Referring to the figure above, the code shown in the figure represents


A) print styles.
B) a media query.
C) a shim.
D) a schema.

E) B) and D)
F) None of the above

Correct Answer

verifed

verified

B

When you use progressive enhancement, newer CSS features enhance the basic content


A) for users of older browsers only
B) for users of modern browsers only
C) for users of all browsers
D) for users of mobile browsers only

E) A) and B)
F) All of the above

Correct Answer

verifed

verified

B

Showing 1 - 20 of 71

Related Exams

Exam 1

Getting Started With Html

67 Questions

Exam 2

Structuring Content in a Web Document

71 Questions

Exam 3

Getting Started With Css

71 Questions

Exam 4

Laying Out Elements With Css

71 Questions

Exam 5

Formatting Text With Css

71 Questions

Exam 6

Inserting and Working With Links

70 Questions

Exam 7

Inserting and Working With Images

71 Questions

Exam 8

Organizing Content With Lists and Tables

70 Questions

Exam 10

Creating and Processing Web Forms

71 Questions

Exam 11

Creating Visual Effects and Animation

71 Questions

Exam 12

Incorporating Video and Audio

71 Questions

Exam 13

Programming Web Pages With Javascript

71 Questions

Exam 14

Integrating Social Media

72 Questions

Exam 15

Optimizing Your Web Site for Search Engines

71 Questions

Exam 16

Testing and Improving Performance

71 Questions

Show Answer