MCOM 351 - Teach Yourself Visually HTML & CSS Chapter 12 - Controlling Layout with Style Sheets
exam review questions
(p.228) Style sheets allow you to specify where in a page to put different types of content by defining ________ within the browser window.
(p.228) The key to understanding layout using style sheets is the ________ model of Web page layout.
(p.228) With the box model, style sheets let you control the dimensions of the box using height and width properties, where the box is placed on the Web page, and how the box aligns or ________ with other boxes on the page.
(p.228) You define boxes for your content using ________-level HTML tags, which place new lines before and after the content they enclose.
(p.228) The <________> is a generic block-level tag that is commonly placed around other tags to organize content when using style sheets to determine layout.
(p.229 & 232) ________ positioning of boxes places content on the page relative to the normal flow of the other content on the page.
(p.229 & 234) ________ positioning of boxes places content on absolute points on the page relative to the containing block.
(p.229 & 236) ________ positioning of boxes places content relative to the browser window and keeps it fixed as a user scrolls.
(p.229) You can ________ content on your Web page from its normal position using the top, left, right, and bottom style sheet properties.
(p.229) Space outside the edge of a box is known as ________.
(p.229 & 239) Space inside the edge of a box is called ________.
(p.229) Style sheets let you turn on ________ on boxes, which appear where the margin and padding meet.
(p.229 & 240) The ________ CSS property takes a box out of the normal flow of your page and moves it to the right or left side of the enclosing box.
(p.229) Content that follows a floated element ________ around it.
(p.229) Floating allows you to align images, paragraphs, tables, and other content, similar to how you can align images in ________.
(p.231) Separate your answers with a space The ________ and ________ measures allow you to define sizes on your pages based on the size of the surrounding text.
(p.231) You can control how text outside a box is handled using the ________ property.
(p.232) Relative is the default setting for the ________ style property.
(p.234) You can apply absolute positioning to place an element at ________ coordinates on a page, independent of elements that came before it.
(p.234) Absolute positioning coordinates are determined relative to the box that ________ it.
(p.234) Absolute positioning removes an object from the normal ________ of page content.
(p.236) You can apply fixed positioning to place an element at exact coordinates on a page and have it remain fixed while a viewer ________.
(p.236) Applying fixed positioning is one way to keep ________ links visible as visitors view content on a long page.
(p.238) Typing margin: and then a spacing value adds that spacing around ________ of an element.
(p.238) Margin spacing exists ________ an element’s border.
(p.) Padding spacing exists ________ an element’s border.
(p.240) You can use the float property to control how text ________ around the elements on your Web page.
(p.240) To ensure proper text wrapping, place the floating element right ________ the text you want to wrap.
(p.240) The float property does not work with elements for which you have assigned an absolute or fixed position.
true
false
(p.241) You can control the vertical positioning of elements on your page using the ________ property.
(p.244) You can use style sheets to overlap elements on your pages by positioning them at similar coordinates. You can then control the stack order of those elements by adjusting the ________ property for each element.
(p.244) An element with a higher z-index value appears ________ an element with a lower z-index value.
above
below
(p.245) You can make content on your Web page transparent by changing its ________.
(p.246) When the ________ property is set to none, the Web browser hides the element and takes it out of the flow of the Web page.
(p.247) The display property can accept a number of values, but only two are commonly supported across all of the currently popular browsers. A(n) ________ value creates a block-level element, which means the element is added to the page with line breaks above and below it.
(p.247) The display property can accept a number of values, but only two are commonly supported across all of the currently popular browsers. A(n) ________ value creates an element that can sit within the text of a sentence, similar to how a SPAN tag works.
(p.249) To control how a background image repeats, type background-repeat: ?, replacing ? with repeat, repeat-x, repeat-y, or no-repeat. The no-repeat value displays the image ________.
(p.249) You can specify the location of a background image using the ________ property.
(p.249) To control whether or not your background image scrolls with the page content, you can assign a ________ property.