Client/Server Programming - Week 5 Advanced CSS: Layout
Which of the following is an inline element by default? <div> <p> <h1> <span>
<span>
Which of the following is a block level element by default? <span> <img> <ul> <a>
<ul>
Block-level elements cannot contain other block-level elements. True or False
False
Elements with fixed positioning move when the user scrolls up and down the page. True or False
False
For larger screens in fixed layouts, there may be no blank space to the left and/or right of the content. True or False
False
For the z-index property, items closest to the viewer (thus on the top) have a smaller z-index value. True or False
False
In liquid layouts widths are specified using pixels. True or False
False
In responsive design, the media queries must be coded in the <meta> tag. True or False
False
One way to center a containing block element on the page is to use { float: center; } in your CSS. True or False
False
Which of the following is NOT a benefit of the mobile first design approach? In other words, which of the following is false? -It accommodates an increasingly larger audience accessing websites from mobile devices. -Designing the mobile version first forces designers to focus on the most important content first. -Implementation of the mobile version of the site is not likely to be merely an afterthought. -Mobile first design always eliminates the need for progressive enhancement for larger screen sizes.
Mobile first design always eliminates the need for progressive enhancement for larger screen sizes
Which of the following is not a key component of responsive design? -Customizing the CSS for different viewports using media queries -Setting viewports via the <meta> tag -Relying on inline styles to limit inheritance -Scaling images to the viewport size
Relying on inline styles to limit inheritance
Block-level elements will flow from top to bottom, while inline elements flow from left to right within a block. True or False
True
By default, each block-level element fills up the entire width of its parent element. True or False
True
In the default normal flow each block exists on its own line and is displayed from the browser window's top to its bottom. True or False
True
Media queries within the <link> element requires more HTTP requests but results in more manageable CSS files. True or False
True
The advantage of a fixed layout is that it is generally has a predictable visual result. True or False
True
To stop elements from flowing around a floated element, use the ___________ property. float-none clear clear-float clear-both
clear
________ will cause an element to not display when the page is rendered by a browser. display: block; display: none; display: hide; display: 0%;
display: none;
An approach in which a design is adapted to increasingly advanced devices and browsers is called: progressive enhancement backward compatibility graceful degradation content first
progressive enhancement
Use ________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser. absolute float relative z-index
relative