IES: CSS-deck 9

Question 1

\_\_\_\_\_ property: specifies a content box- positioned at the containing element side boundary: typically, flows text around these content boxes.

Answer 1

Float property: specifies a content box- positioned at the \_\_\_\_\_ \_\_\_\_\_ side boundary: typically, \_\_\_\_\_ \_\_\_\_\_ around these content boxes.

Question 2

\_\_\_\_\_ property: explicitly prevent text from flowing alongside using the CSS “\_\_\_\_\_” property- specifying “left,” “right,” or “both” (text will begin below).

Answer 2

Float property: explicitly prevent text from \_\_\_\_\_ \_\_\_\_\_ using the CSS “clear” property- specifying “left,” “right,” or “both” (text will begin below).

Question 3

Floated content boxes are not removed from the \_\_\_\_\_ \_\_\_\_\_ \_\_\_\_\_: their original position gets filled with surrounding content.

Answer 3

Floated content boxes are not removed from the normal flow layout: their \_\_\_\_\_ \_\_\_\_\_ gets filled with surrounding content.

Question 4

With \_\_\_\_\_, any element can be floated.

Answer 4

With CSS, any \_\_\_\_\_ can be floated.

Question 5

The \_\_\_\_\_ property specifies how content that exceeds its content boundaries will be handled.

Answer 5

The Overflow property specifies how content that exceeds its content boundaries will \_\_\_\_\_ \_\_\_\_\_.

Question 6

Surplus content is generally \_\_\_\_\_ by default: the CSS \_\_\_\_\_ property specifies handling behaviors using the keywords- “hidden” and “scroll.”

Answer 6

Overflow content is generally \_\_\_\_\_ by default: the CSS overflow property specifies handling behaviors using the keywords- “\_\_\_\_\_” and “\_\_\_\_\_.”

Question 7

Overflow: using the keyword “\_\_\_\_\_,” overflowing content will be invisible.

Answer 7

Overflow: using the keyword “hidden,” overflowing content will be \_\_\_\_\_.

Question 8

Overflow: Using the keyword “\_\_\_\_\_,” overflowing content can be viewed by the user using horizontal and vertical scrollbars provided by the browser.

Answer 8

Overflow: Using the keyword “scroll,” overflowing content can be viewed by the user using \_\_\_\_\_ and \_\_\_\_\_ \_\_\_\_\_ provided by the browser.

Question 9

Overflow: Control whether the browser provides only a \_\_\_\_\_ or a \_\_\_\_\_ \_\_\_\_\_ using style rules for the properties: overflow-x and overflow-y, relatively, using the values “\_\_\_\_\_” and “\_\_\_\_\_.”

Answer 9

Overflow: Control whether the browser provides only a horizontal or a vertical scroll bar using style rules for the properties: \_\_\_\_\_ and \_\_\_\_\_, relatively, using the values “hidden” and “scroll.”

Question 10

The overflow property is only effective for \_\_\_\_\_ elements that have a specified height.

Answer 10

The overflow property is only effective for block elements that have a specified \_\_\_\_\_.

Question 11

Whitespace property: set to “\_\_\_\_\_” by default: Within this setting, at word breaks, text content will wrap to the next line within a block-level content box .

Answer 11

Whitespace property: set to “normal” by default: Within this setting, at word breaks, text content will \_\_\_\_\_ \_\_\_\_\_ the next line within a block-level content box.

Question 12

\_\_\_\_\_ \_\_\_\_\_ \_\_\_\_\_ with a “whitespace : nowrap ;” style rule. Under default settings, the text will then appear beyond the content box.

Answer 12

Disable text wrapping with a “\_\_\_\_\_” style rule. Under default settings, the text will then appear beyond the content box.

Question 13

\_\_\_\_\_ property: specifies how overflowing text is treated: The “clip” value \_\_\_\_\_ text characters regardless of word breaks; the “ellipsis” value replaces the \_\_\_\_\_ \_\_\_\_\_ \_\_\_\_\_ with an “…” indicating the text has overflowed.

Answer 13

Text-overflow property: specifies how overflowing text is \_\_\_\_\_: The “\_\_\_\_\_” value truncates text characters regardless of word breaks; the “\_\_\_\_\_” value replaces the final truncated letters with an “…” indicating the text has overflowed.

Question 14

Universal margin: 0px;

Answer 14

• to best achieve a webpage layout
• To override the browser’s default margin size

Question 15

Box-sizing: border-box;

Answer 15

• style rule includes the content boxes’ padding and border within each element’s total width and height
• Means borders and padding are not additional to your specifications for each element
• Offers better control for you

Question 16

Columnar percentage values

Answer 16

can be adjusted but their sum must always exactly equal 100%.

Question 17

Three-column layout

Answer 17

• The traditional CSS method
• Left sidebar column, main content column, right sidebar column

Question 18

Quotes should always be used when naming these:

Answer 18

• when naming or declaring specific fonts, the writer should always use these
• If specific font names are not enclosed in these, they will not be recognized by the browser.

Question 19

Generic font family declarations:

Answer 19

• in a style rule font-family declaration, the preferred font name should appear before the generic font family preference separated by a “,”
• Specified as a value to the font-family property
• It is good practice to specify a generic font-family preference in every font-family declaration.

Question 20

Specifying a font:

Answer 20

• specific fonts should always be enclosed in quotes
• Multiple named/specific fonts should always proceed the naming of the generic font associated with them in a “,”-separated list.
• More specific fonts or generic font types should be included in a “,”-separated list.
• The “,”-separated list should be constructed in order of preference (the first font whether a specific, named or a generic font that is in the system and accepted by the system will be used).