Kahoot Questions from Midterm Review, 10/1

Questions in bold and underlined. Correct answers in bold.

What kind/s of element/s can be floated?

Only block elements
Only inline elements
All block elements and select inline elements
All inline elements and select block elements

What happens to inline content that follows a floated element?

It collides with the floated element, unless you fix it.
It flows around the floated element.
It ignores the floated element.
It overlaps with the floated element.

Which of the following is required for a floated element?

It must be a block-level element.
It must be an image.
You must set its width if the width is not implied.
You must set its position value.

What happens to a block element that directly follows a floated element?

It behaves as though the floated element were not there.
It flows around the floated element.
It inherits the styling of the floated element.
It inherits the height of the floated element.

Which of the following could be used to stop elements following a floated element from
flowing around or ignoring it?
clear: left;
float: stop;
float: clear;
clear: all;

Why don't parent elements recognize their floated child elements?

because floated elements can't contain content
because parent elements are mean
because floated elements are outside the normal document flow
because parent elements can't be inline elements

What property and value can you apply to a parent element to force it to recognize floated
child elements?
overflow: auto;
display: none;
clearfix: hack;
position: positive;

If you don't explicitly set a value for the position property of an element, what value will it
have?
no position value
position: absolute;
position: relative;
position: static;

How do elements behave in what we call the "normal (or natural) flow of the document"?
They stack top to bottom.
They flow left to right.
They flow left to right and top to bottom.
They overlap unless directed otherwise.

Which position value leaves an element in the normal/natural flow of the document?
static
relative
fixed
absolute

When you set position: relative; on an element, what is that element being positioned
relative to?
The four edges of the browser window.
Wherever the element would end up in the normal flow of the document.
The next nearest element.
The next nearest block element.

When you set position: absolute; on an element, what is that element positioned in relation
to?
Its parent element.
The browser window.
The viewport.
The element's nearest neighbor.

Which of the following must also happen in order to absolute-ly position an element?
The element must be a block-level element.
The element must be an inline element.
The element cannot have any child elements.
The element's parent element must also be given a position value.
What position value do you set on an element to position it relative to the four sides of the
viewport?
relative
absolute
fixed
static

When you apply a position value, what should you generally also provide to position the
element where you want it?
the element's offset values
the element's height and width
the element's priority in the cascade
the element's z-index value

The z-index property controls which element will end up on top in the case of element
overlap.
False
True

Which of the following can be used to create a navbar that stays in place on the page even
when the user scrolls?
position: absolute;
display: visible;
position: fixed;
display: block;

What happens to an absolutely positioned element when a user scrolls the web page?
it stays in place no matter what the user does
it scrolls along with its parent element
it disappears until the user stops scrolling
it floats

HTML stands for...

Hypno Texture Mechanical Listening
Hyper Text Markup Language
Hexa-Tonal Mirroring Link
High Transparency Meta Tag

Does spacing (white space) in an html document matter to the way the document looks in the
browser?
No
Yes

What do HTML elements use tags for?

To structure content
To make content noticeable
To build content

HTML and CSS are a collection of ______ _______.

Web Standards
Graphic Styles
Standard Graphics
Web Styles

What is the correct HTML element for inserting a line break?

<br>
<break>
</br>
<idk>

CSS stands for...

Cascading Style Sheet
Coding Style System
Colors, Styles, and Stuff
Code Some Style

Which of these is a CSS comment?

//* comment *//
<!-- comment -->
<* comment *>
/* comment */

What do CSS selectors allow you to do?

To apply one style to the whole document
To select the text you want
To select the CSS
To select and apply style to HTML elements

A CSS formatting rule consists of what two parts?

Selector and declaration
Main and sub
Redeclaration and selection
Position and value