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