Test Bank for Basics of Web Design: HTML5 & CSS, 5th Edition, Terry Felke-Morris Harper College
To download the complete and accurate content document, go to: https://testbankbell.com/download/test-bank-for-basics-of-web-design-html5-css-5th-e dition-terry-felke-morris-harper-college/
Basics of Web Design, 5th Edition
Instructor Materials Chapter 8 Test Bank
Multiple Choice. Choose the best answer.
1. CSS Flexible Box Layout is best suited for:
a. flexible one-dimensional layouts
b. flexible two-dimensional layouts
c. changing the stacking order of elements
d. floating layouts
e.
2. CSS Grid Layout is intended for:
a. flexible one-dimensional layouts
b. two-dimensional layouts
c. changing the stacking order of elements
d. floating layouts
3. Use the ________ property to configure a flex container.
a. order
b. container
c. display
d. flex
4. When using flexbox layout, the main axis is the
a. direction of the flow
b. direction of the wrap
c. height of the flex container
d. beginning of the flex container
Basics of Web Design, 5th Edition
Instructor Materials Chapter 8 Test Bank
5. When using flexbox layout, setting justify-content: space-between; will configure the following:
a. Flex items begin at main start with no space between them.
b. Flex items are centered with equal empty space between.
c. Flex items begin at main start and end at main end with equal empty space between flex items.
d. Flex items are evenly distributed in the flex container with space before the first flex item and after the last flex item
6. When using flexbox layout, the flex property
a. configures a flex container
b. configures the amount of space a flex item takes up and how much it will shrink or grow
c. configures the space between flex items
d. configures the direction of the flow
7. The ________ meta tag configures scale and dimension on mobile web page display.
a. flexible
b. viewport
c. fragment identifier
d. media query
8 A ______ determines the capability of the mobile device, such as screen resolution, and directs browsers to CSS.
a. flexible image
b. viewport
Basics of Web Design, 5th Edition
Instructor Materials Chapter 8 Test Bank
c. media query
d. feature query
9. The ______ property configures a grid container.
a. container
b. grid
c. flex
d. order
10. When using grid layout, grid _____ delineate grid rows and grid columns.
a. gaps
b. lines
c. cells
d. orders
11. When configuring flexbox or grid layout, the ______ property can be used to change the sequence of the flex items or grid item on the page.
a. gap
b. fr
c. skip
d. order
12. A hyperlink with the _____ scheme may cause a web browser on a mobile device to initiate a phone call.
a. phone:
b. sms:
Basics of Web Design, 5th Edition
Instructor Materials Chapter 8 Test Bank
c. tel:
d. mobile:
13. When configuring a grid layout, the flex factor unit
a. directs the browser to configure a flex container
b. directs the browser to not display the item
c. directs the browser to allocate a fractional part of the remaining space.
d. directs the browser to configure a flex item
14. Components of responsive web design include:
a. fluid layout, flexible images, media queries
b. valid syntax, embedded CSS, media queries
c. fluid layout, valid syntax, embedded CSS
d. flexible images, media queries, valid syntax
15. Use the expression ___________________ in a media query to target devices with screens up to 480 pixels in width.
a. (width: 480px)
b. (max-width: 480px)
c. (min-width: 480px;)
d. (size: 480px;)
16. Use the ______ value for the CSS display property to configure an element to not display.
a. block
b. none
Instructor Materials Chapter 8 Test Bank
c. 0
d. hide
17. The purpose of the ____________ element is to provide a method for a browser to display different images depending on specific criteria indicated by the web developer.
a. media
b. target
c. picture
d. sizes
18 The purpose of the imagd element’s attribute is to provide a method for a browser to display different images depending on specific criteria indicated by the web developer.
a. picture
b. srcset
c. sizes
d. media
19. Configure a _______ property on a grid item to configure the area in rows that is reserved for the item on the grid.
a. grid-gap
b. grid-rows
c. grid-template-rows
d. display
20. The _______ property informs the browser to provide empty space or gutters between grid tracks.
a. grid
Basics of Web Design, 5th Edition
Instructor Materials Chapter 8 Test Bank
b. grid-gap
c. grid-gutter
c. grid-template