Deck 6: Creating a Form on a Web

Question 1

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

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

Answer 1

C

Question 2

In the media query @media only screen , the keyword only indicates _____.

A)that older browsers should ignore the media query's style rules
B)that it applies to all types of media when both minimum and maximum features are true
C)the orientation of the device
D)the contents to be removed from the display

Answer 2

A

Question 3

Which of the following describes the width of a screen in pixels?

A)max-device-width
B)min-width
C)max-width
D)orientation

Answer 3

A

Question 4

Which of the following properties and values should be used if the navigation links should appear within the main area of a website?

A)float: left;
B)clear: right;
C)margin-left: 1%;
D)padding: right;

Question 5

The default style for the navigation list items displays them as _____ with a green background, a design that need not be changed.

A)windows
B)buttons
C)frames
D)textboxes

Question 6

Which of the following is the minimum viewport width for large desktop monitors?

A)320px
B)481px
C)768px
D)1280px

Question 7

Which of the following describes the height of a screen in pixels?

A)max-device-height
B)min - height
C)max-height
D)orientation

Question 8

Which of the following properties, from the figure, improves the appearance of navigation links by placing each list item immediately after the previous list item?

A)display: inline;
B)margin-left: 1%;
C)float: left;
D)padding-left: 0;

Question 9

In the above figure, _____ is added to a tablet viewport so that navigation links appear above the main element rather than within it.

A)clear: right;
B)clear: to p;
C)clear: left;
D)clear: bottom;

Question 10

Which of the following describes the width of a viewport in pixels?

A) max-device-width
B)width
C)max-width
D)orientation

Question 11

The logical expressions to media queries in an external Cascading Style Sheet (CSS) file are as follows: @media screen and (min-width: 481px) {
.mobile { display: none; }
}
In this case, _____ is the feature of the screen that is tested.

A)@media screen
B).mobile
C)min-width
D)display

Question 12

Media queries can be embedded in the _____ tag that connects an external style sheet to a Hypertext Markup Language (HTML) file, or they can be inserted in the external style sheet itself.

A)link
B)coords
C)datalist
D)embed

Question 13

Identify the minimum viewport width for small smartphones.

A)320px
B)480px
C)768px
D)481px

Question 14

Which of the following is true of page design for a tablet viewport?

A)The larger screen provides an opportunity for websites to display more content and use a single-column layout.
B)The appearance of the website should look different from viewport to viewport.
C)The layout and placement of content on a website should be the same in all viewports.
D)A tablet viewport is larger than a mobile viewport but smaller than a desktop viewport.

Question 15

Which of the following describes the height of a viewport in pixels?

A)max-device-height
B)height
C)max-height
D)orientation

Question 16

Floating the list items to the _____ within the specified width has the effect of centering the group of navigation buttons on the page.

A)top
B)left
C)bottom
D)right

Question 17

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

A)Single-column layout
B)Two-column layout
C)Single-row layout
D) Two-row layout

Question 18

Identify the maximum viewport width for tablets and larger smartphones.

A)320px
B)481px
C)768px
D)1279px

Question 19

Which of the following is true of tablet viewports?

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 tablets must be designed to accommodate the growing tablet market.

Question 20

Media queries can be implemented by coding them directly into a single Cascading Style Sheet (CSS) file using the _____ rule.

A)@import
B)@query
C)@media
D)@display

Question 21

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

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

Question 22

Which of the following pseudo-classes is used to style a link the moment it is clicked?

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

Question 23

Which of the following is part of a pseudo-class and is placed between a selector and the pseudo-class?

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

Question 24

Which of the following pseudo-classes is used to style a link that is clicked at the moment?

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

Question 25

Which of the following prefixes is used in linear gradient to provide support for Google Chrome?

A)-o-
B)-gradient-
C)-webkit-
D)-moz-

Question 26

Which of the following is the correct order for using pseudo-classes?

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

Question 27

Identify a pseudo-class used to style an unvisited link.

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

Question 28

The selector _____ identifies the color to apply to a navigation link while the pointer is moving over the link.

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

Question 29

In the above program, box 2 indicates the style rule for _____ in a navigation list.

A)links
B)a container id
C)an unordered list
D)definition list terms

Question 30

_____ gradients can transition from several different angles, and they transform from top to bottom, by default.

A)Linear
B)Axial
C)Radial
D)Binary

Question 31

In the above program, box 2 indicates the style rule for _____.

A)dynamic testing
B)date container
C)unordered list
D)definition list terms

Question 32

_____ is an effective troubleshooting tool during the development process and adds a valuable level of professionalism to one's work.

A)Abstraction
B)Encapsulation
C)Normalization
D)Validation

Question 33

Identify the purpose of the white-space property with a nowrap value.

A)This property and value keeps the navigation link text together on one line.
B)This property and value wraps the second word, such as Us in About Us, to the next line.
C)This property and value determines the viewport width for tablet and desktop viewports.
D)This property and value maximizes the browser window to display a page in a desktop viewport.

Question 34

A _____ is attached to a selector with a colon to specify a state or relation to the selector to give the web developer more control over that selector.

A)pseudo-class
B)gradient
C)breakpoint
D)media query

Question 35

The selector _____ identifies the color to apply to a navigation link when the link is being clicked or when it gains focus.

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

Question 36

_____ gradients are specified by their center and a color begins in the center and transitions in a circular direction to other colors.

A)Horizontal
B)Linear
C)Radial
D)Diagonal

Question 37

A _____ is the point at which different styles are applied to a webpage, usually depending on the viewport.

A)media point
B)checkpoint
C)breakpoint
D)tracepoint

Question 38

Identify a pseudo-class used to style a link when the mouse is moving over it.

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

Question 39

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

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

Question 40

One of the new properties introduced with Cascading Style Sheet (CSS) 3 is a _____, which is a gradual transition from one color to another.

A)breakpoint
B)gradient
C)media query
D)viewport

Question 41

A breakpoint is where different styles are applied to a webpage to cause it to change in a way that makes it easier to read and navigate for a particular situation.

Question 42

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

Question 43

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

Question 44

Threshold is the point at which one wants a webpage to change.

Question 45

If a logical expression evaluates to "false," the media query applies the styles that follow.

Question 46

Pseudo-classes are more often used in a desktop viewport because mobile and tablet devices are touch devices and do not have a hover option nor an option to click.

Question 47

Radial gradients can transition from several different angles.

Question 48

Media queries cannot determine the size of a viewport.

Question 49

When designing for a tablet viewport, which of the following in a website should be maintained the same?A)Typography B)General look
C)Color scheme
D)Description lists

Question 50

Which of the following are pseudo-classes?A):active B):hover
C):link
D):construct

Question 51

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

Question 52

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.

Question 53

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

Question 54

To understand the code and syntax of how a media query detects viewport size, a threshold is set.

Question 55

In linear gradients , the color begins in the center and transitions in a radial direction to another color or colors.

Question 56

Linear gradients can also transition up, left, right, or diagonally.

Question 57

The default transition for radial gradients is from the top to the bottom.

Question 58

In a mobile-first strategy, the mobile styles are listed first, because these are the default styles.

Question 59

Identify the prefixes that are used with the linear gradient property to provide support for major browsers.A)-o- B)-chrome-
C)-webkit-
D)-moz-

Question 60

Styles created for smaller viewports apply to larger viewports by default.

Question 61

Pseudo-classes must be used in the following order: active, link, visited, hover.

Question 62

To add style rules that target tablet or desktop viewports in particular, a _________ for each viewport must be created.

Question 63

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

Question 64

Linear gradients are specified by their center.

Question 65

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

Question 66

A(n) _________ detects the media type and the capabilities of the device that the browser is running on.

Question 67

A logical expression includes the name of a _________, a characteristic of the environment, and a breakpoint value to be tested.

Question 68

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

Question 69

To create a radial gradient, at least two colors must be specified.

Question 70

To determine the ideal layout for a website's tablet viewport, one must first review the mobile site to determine where content should be added and whether any content should be hidden.

Question 71

To understand the code and syntax of how a media query detects viewport size, a(n) _________ is set.

Question 72

If a logical expression evaluates to "true," a _________ applies the styles that follow.

Question 73

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

Question 74

To modify the appearance of an element for a larger viewport, a media query for the larger viewport and then a new style must be created.

Question 75

Since desktop screens are often wider than those for other devices, designing for a desktop viewport can only use single-column layout.

Question 76

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

Question 77

The only thing that should change while designing a tablet viewport is the appearance of the website.

Question 78

A webpage's files should run through W3C's validator to check the document for errors.

Question 79

_________ allow the application of different Cascading Style Sheet (CSS) styles in response to the environment, such as the media on which a webpage is being viewed (screen or print) or the size of the viewport.

Question 80

Multiple colors can be used within a radial gradient.