Using the proposed specifications for css-based grids, create a grid for the body element that has three rows with heights automatically defined by the page content and five columns with widths of 25%, 2.5%, 50%, 2.5%, and 20%. Place the nav element in the first column, the article element in the third column, and the aside element in the fifth column.
Answers
Answer:
Session 3.1 Quick Check
Provide the style rule to display all hypertext links within a navigation as block elements with a gray background.
Answer 1
Briefly describe the three types of page layouts.
Answer 2
Provide a style rule to set the width of the page body to 90% of the browser window ranging from 320 pixels to 960 pixels.
Answer 3
Provide the style rule to horizontally center the header element within the body element. Assume that the header is a direct child of the page body.
Answer 4
Provide a style rule to set the width of the aside element to 240 pixels and to float on the right margin of its container.
Answer 5
Provide a style rule to display the footer element only after all floated elements have cleared.
Answer 6
Your layout has four floated elements in a row but unfortunately the last element has wrapped to a new line. What is the source of the layout mistake?
Answer 7
Provide a style rule to change the width property for the header element so that it measures the total width of the header content, padding, and border spaces. Include web extensions for older browser.
Answer 8
Provide a style rule to prevent the header element from collapsing around its floating content.