INFS 2101: Cascading Style Sheets Part 2 Page Layout Quiz

Play an AI-generated podcast conversation about this lesson

Which of the following is considered a block element in HTML?

a

img

span

h1 (correct)

What is the purpose of the em tag in HTML?

To create a hyperlink

To mark up a piece of emphasized text (correct)

To surround a generic piece of text

To mark up a piece of text with great importance

Which tag is used for marking up a piece of text with great importance?

span

p

em

strong (correct)

What does the span tag do in HTML?

Surrounds a generic piece of text Signup and view all the answers

Which CSS property can be used to change the default display style of an element to a block?

display: block; Signup and view all the answers

What does the 'outline' property in CSS do?

Draws lines around an element but does not add to its space Signup and view all the answers

Which type of web page layout has the size of the page and page elements fixed, usually using pixels as the unit of measure?

Fixed layout Signup and view all the answers

In responsive design, what changes in response to the device that is rendering the web page?

Layout and design of the page Signup and view all the answers

What happens when an element is floated to the left in CSS?

The next element moves up and wraps around the floated element Signup and view all the answers

What CSS property can be used to float an element to the left?

float: left; Signup and view all the answers

What does the 'box-sizing' property in CSS control?

Width of the content only Signup and view all the answers

What does a fluid layout rely on to set the width of page elements?

% units Signup and view all the answers

What happens when sibling elements are floated along the same margin in CSS?

They are placed alongside each other horizontally within a row Signup and view all the answers

What does 'min-width' specify when used in web page design?

The minimum acceptable width for an element Signup and view all the answers

What does 'clear: left;' do in CSS?

It forces an element to clear any floating elements on its left side Signup and view all the answers

What is the default space occupied by an element in a web page?

The sum of width, padding, and margins Signup and view all the answers

When using CSS, which tag is used to surround a generic piece of text?

em Signup and view all the answers

In web page design, what type of element does the strong tag mark up?

p Signup and view all the answers

What does the span tag do in HTML?

Surrounds a generic piece of text Signup and view all the answers

Which CSS property can be used to change the default display style of an element to a block?

box-sizing Signup and view all the answers

What does the 'display' property in CSS control?

Default style of elements Signup and view all the answers

What is the purpose of the 'box-sizing' property in CSS?

To control the width of the content, padding, and border Signup and view all the answers

What is the default space occupied by an element in a web page?

Sum of the width of its content, padding, borders, and margins Signup and view all the answers

In responsive design, what changes in response to the device that is rendering the web page?

The layout and design of a page Signup and view all the answers

What does the 'float' property in CSS do?

Takes an element out of position and places it along the left or right side of its parent element Signup and view all the answers

What does 'clear: left;' do in CSS?

Prevents the next element from moving up and wrapping around a floated element Signup and view all the answers

Which type of web page layout has elements sized in proportion to each other in em units?

Elastic layout Signup and view all the answers

What does the 'outline' property in CSS do?

Draws lines around an element enclosing the element content, padding, and border Signup and view all the answers

What happens when sibling elements are floated along the same margin in CSS?

They are placed alongside each other horizontally within a row Signup and view all the answers

'min-width' specifies what when used in web page design?

'min-width' specifies the minimum width limit for an element Signup and view all the answers

Which CSS property controls the width of an element based on the sum of the content, padding, and border?

box-sizing Signup and view all the answers

What does 'display: inline;' do in CSS?

It sets an element's display style to inline. Signup and view all the answers

INFS 2101: Cascading Style Sheets Part 2 Page Layout Quiz

Podcast Beta

Questions and Answers

Which of the following is considered a block element in HTML?

What is the purpose of the em tag in HTML?

Which tag is used for marking up a piece of text with great importance?

What does the span tag do in HTML?

Which CSS property can be used to change the default display style of an element to a block?

What does the 'outline' property in CSS do?

Which type of web page layout has the size of the page and page elements fixed, usually using pixels as the unit of measure?

In responsive design, what changes in response to the device that is rendering the web page?

What happens when an element is floated to the left in CSS?

What CSS property can be used to float an element to the left?

What does the 'box-sizing' property in CSS control?

What does a fluid layout rely on to set the width of page elements?

What happens when sibling elements are floated along the same margin in CSS?

What does 'min-width' specify when used in web page design?

What does 'clear: left;' do in CSS?

What is the default space occupied by an element in a web page?

When using CSS, which tag is used to surround a generic piece of text?

In web page design, what type of element does the strong tag mark up?

What does the span tag do in HTML?

Which CSS property can be used to change the default display style of an element to a block?

What does the 'display' property in CSS control?

What is the purpose of the 'box-sizing' property in CSS?

What is the default space occupied by an element in a web page?

In responsive design, what changes in response to the device that is rendering the web page?

What does the 'float' property in CSS do?

What does 'clear: left;' do in CSS?

Which type of web page layout has elements sized in proportion to each other in em units?

What does the 'outline' property in CSS do?

What happens when sibling elements are floated along the same margin in CSS?

'min-width' specifies what when used in web page design?

Which CSS property controls the width of an element based on the sum of the content, padding, and border?

What does 'display: inline;' do in CSS?

More Quizzes Like This

Master Responsive Web Design with Tailwind CSS

CSS for Responsive Web Design

CSS Styling Websites Quiz: Dynamic Web Page Design with HTML and JavaS...

Web Design Fundamentals: HTML, CSS, and Frontend Development