(Solved): CIS 300 : Quiz | Week: Web Design & Dev : Scored 100 out of 100 ...
CIS 300 : Web Design and Development
Quiz | Week
Score for this quiz 100 out of 100
Question 1
4 / 4 pts
Use the _______ property along with the left, right and/or top property to precisely configure the position of an element.
- position: float;
- absolute: position;
- position: relative;
- position: absolute;
Question 2
4 / 4 pts
_______ will cause an object not to display.
- display: 0px;
- display: none;
- display: fixed;
- display: block;
Question 3
4 / 4 pts
_______ flow displays the elements on the page in the order they appear in the web page source code.
- default
- browser
- normal
- source code
Question 4
4 / 4 pts
Use _______ positioning to configure the location of an element to remain the same and to not move even when the web page is scrolled within the browser viewport.
- relative
- absolute
- static
- fixed
Question 5
4 / 4 pts
Use the _______ or _______ property to clear a float.
- overflow or float
- float or clear
- position or clear
- clear or overflow
Question 6
4 / 4 pts
What is the term used to describe image file that contains multiple small graphics?
- sprite
- viewport
- image link
- thumbnail image
Question 7
4 / 4 pts
Use _______ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.
- absolute
- fixed
- static
- relative
Question 8
4 / 4 pts
Which value for the display property is useful when configuring horizontal navigation within an unordered list?
- block
- fixed
- inline
- none
Question 9
4 / 4 pts
The _______ pseudo-class configures the styles that will apply when the mouse is placed over a hyperlink.
- :click
- :hover
- :over
- :active
Question 10
4 / 4 pts
Select the example below that could be used to clear a right float.
- clear: right;
- clear: left;
- right: clear;
- overflow: right;
Question 11
4 / 4 pts
If an element is configured with _______ the other content on the page will appear to its left.
- float: right;
- position: relative;
- position: left;
- float :left;
Question 12
4 / 4 pts
Choose the example below of a descendant selector that configures the anchor tags within the element assigned to the content id.
- a#content
- #content a
- content#a
- .content a
Question 13
4 / 4 pts
The ______ meta tag configures scale and dimension on mobile web page display.
- viewport
- flexible
- fragment identifier
- media query
Question 14
4 / 4 pts
Use the ______ value for the CSS display property to configure an element to not display.
- 0
- hide
- block
- none
Question 15
4 / 4 pts
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.
- sizes
- target
- media
- picture
Question 16
4 / 4 pts
When using flexbox layout, setting justify-content: space-between; will configure the following:
- Flex items are centered with equal empty space between.
- Flex items begin at main start with no space between them.
- Flex items are evenly distributed in the flex container with space before the first flex item and after the last flex item.
- Flex items begin at main start and end at main end with equal empty space between flex items.
Question 17
4 / 4 pts
When using grid layout, grid ______ delineate grid rows and grid columns.
- cells
- orders
- lines
- gaps
Question 18
4 / 4 pts
CSS Grid Layout is intended for:
- changing the stacking order of elements
- floating layouts
- flexible one-dimensional layouts
- two-dimensional layouts
Question 19
4 / 4 pts
The ______ property configures a grid container.
- grid
- order
- flex
- container
Question 20
4 / 4 pts
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.
- sizes
- picture
- media
- srcset
Question 21
4 / 4 pts
When configuring a grid layout, the flex factor unit
- directs the browser to not display the item
- directs the browser to allocate a fractional part of the remaining space.
- directs the browser to configure a flex item
- directs the browser to configure a flex container
Question 22
4 / 4 pts
Components of responsive web design include:
- flexible images, media queries, valid syntax
- fluid layout, valid syntax, embedded CSS
- valid syntax, embedded CSS, media queries
- fluid layout, flexible images, media queries
Question 23
4 / 4 pts
When using flexbox layout, the flex property
- configures the space between flex items
- configures a flex container
- configures the direction of the flow
- configures the amount of space a flex item takes up and how much it will shrink or grow
Question 24
4 / 4 pts
Use the ______ property to configure a flex container.
- display
- container
- flex
- order
Question 25
4 / 4 pts
Use the expression ______ in a media query to target devices with screens up to 480 pixels in width.
- (max-width: 480px)
- (size: 480px;)
- (min-width: 480px;)
- (width: 480px)
Quiz Score: 100 out of 100
Expert Answer
Buy This Answer $15
-- OR --
Subscribe $20 / Month