CIS 3030 - Tutorial 3 T/F

Relative positioning places an element at specific coordinates either in the page or within a container element.

False. (Relative --> Absolute)

Stacking an element takes that element out of the normal flow of the document and positions it along the left or right edge of its containing element.

False. (Stacking --> Floating)

A fixed layout sets the width of the page elements as a percent of the available screen width.

False. (fixed --> fluid)

In a fixed grid, the column widths are expressed in percentages rather than pixels.

False. (fixed --> fluid)

In fluid layouts, all measurements are expressed in em units and based on the default font size used in the page.

False. (fluid --> elastic)

A fluid layout is one in which the size of a web page and the size of the elements within it are set regardless of the screen resolution.

False. (fluid --> fixed)

In a fluid grid, the widths of the columns and margins are specified in pixels.

False. (fluid --> fixed)

The open-space property defines how browsers should handle white space in a rendered document.

False. (open-space --> white-space)

The width of the line used in an outline is defined by the outline-style property.

False. (outline-style --> outline width)

A popular design element is the inline-block, which consists of an enlarged initial letter in a body of text that drops down into the text body.

False. A popular design element is the drop cap, which consists of an enlarged initial letter that drops down into a body of text.

A value of auto for the overflow property instructs browsers to increase the height of an element to fit the overflow content

False. A value of visible for the overflow property instructs browsers to increase the height of an element to fit the overflow content. The auto value keeps the element at the specified size, adding scroll bars only as they are needed.

Centering an element vertically within its parent element is easily accomplished as the height of the parent element is defined by a value.

False. Centering an element vertically within its parent element is not easily accomplished because the height of the parent element is usually determined by its content, which might not be a defined value.

To specify a different stacking order for elements, the clip property can be used.

False. Closely related to the overflow property is the clip property, which defines a rectangular region through which an element's content can be viewed. To specify a different stacking order than the default, use the z-index property.

One challenge of layout is that the document will be viewed on many different devices with the same screen resolution.

False. One challenge of layout is that your document will be viewed on many different devices with different screen resolutions.

Setting the display property to inherit inherits the display property of a child element.

False. The display: inherit; property inherits the display property of the parent element.

The z-index property works only for elements that are placed with relative positioning.

False. The z-index property works only for elements that are placed with absolute positioning.

Rhythm is the ability to combine different design elements into a cohesive whole.

False. Unity is the ability to combine different design elements into a cohesive whole. Rhythm is the repetition or alteration of a design element in order to provide a sense of movement, flow, and progress.

One can prevent browsers from displaying an element by setting its display property to inline.

False. You can prevent browsers from displaying an element by setting its display property to none.

Setting the display style to none hides an element but does not remove it from the page flow; that is, it still occupies the same space in the page.

False. You can prevent browsers from displaying an element by setting its display property to none. In that case, the element is still part of the document structure but it is not shown to users and does not occupy space in the displayed page.

The position property can be set to depend so that an element inherits the position value of its parent element.

False. You can set the position property to inherit so that an element inherits the position value of its parent element.

A framework is a software package that provides a library of tools to design a website, including style sheets for grid layouts and built-in scripts to provide support for a variety of browsers and devices.

True

Fixed layouts should only be used when one has significant control over the devices that will display the page.

True

If a container has been placed with absolute or relative positioning, then any object nested within it can be placed with absolute positioning.

True

If an object within a browser window has to be fixed so that it doesn't scroll, the web designer can set its position property to fixed.

True

Many designers prefer to work with a "clean state" and not have any browser style rules creep into the final design of their website.

True

New content can be easily placed within a grid in a way that is consistent with previously entered information.

True

The z-index property stacks overlapping objects with the highest z-index value on top of the others.

True

To place an object with absolute positioning, use either the top/left coordinates or the bottom/right coordinates but not all four coordinates at the same time.

True

Users find it easier to scan content when page elements are aligned vertically and horizontally.

True

Web page layouts fall into three general categories: fixed, fluid, and elastic.

True

Whether an element is displayed as a block or as inline depends on the style sheet.

True