INFS 2101: Cascading Style Sheets Part 2 Page Layout Quiz
32 Questions
1 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

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?

<p>Surrounds a generic piece of text (A)</p> Signup and view all the answers

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

<p>display: block; (B)</p> Signup and view all the answers

What does the 'outline' property in CSS do?

<p>Draws lines around an element but does not add to its space (D)</p> 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?

<p>Fixed layout (A)</p> Signup and view all the answers

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

<p>Layout and design of the page (C)</p> Signup and view all the answers

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

<p>The next element moves up and wraps around the floated element (D)</p> Signup and view all the answers

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

<p>float: left; (D)</p> Signup and view all the answers

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

<p>Width of the content only (A)</p> Signup and view all the answers

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

<p>% units (D)</p> Signup and view all the answers

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

<p>They are placed alongside each other horizontally within a row (B)</p> Signup and view all the answers

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

<p>The minimum acceptable width for an element (B)</p> Signup and view all the answers

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

<p>It forces an element to clear any floating elements on its left side (C)</p> Signup and view all the answers

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

<p>The sum of width, padding, and margins (B)</p> Signup and view all the answers

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

<p>em (D)</p> Signup and view all the answers

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

<p>p (B)</p> Signup and view all the answers

What does the span tag do in HTML?

<p>Surrounds a generic piece of text (B)</p> Signup and view all the answers

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

<p>box-sizing (A)</p> Signup and view all the answers

What does the 'display' property in CSS control?

<p>Default style of elements (B)</p> Signup and view all the answers

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

<p>To control the width of the content, padding, and border (B)</p> Signup and view all the answers

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

<p>Sum of the width of its content, padding, borders, and margins (D)</p> Signup and view all the answers

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

<p>The layout and design of a page (C)</p> Signup and view all the answers

What does the 'float' property in CSS do?

<p>Takes an element out of position and places it along the left or right side of its parent element (C)</p> Signup and view all the answers

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

<p>Prevents the next element from moving up and wrapping around a floated element (A)</p> Signup and view all the answers

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

<p>Elastic layout (B)</p> Signup and view all the answers

What does the 'outline' property in CSS do?

<p>Draws lines around an element enclosing the element content, padding, and border (B)</p> Signup and view all the answers

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

<p>They are placed alongside each other horizontally within a row (B)</p> Signup and view all the answers

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

<p>'min-width' specifies the minimum width limit for an element (D)</p> 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?

<p>box-sizing (A)</p> Signup and view all the answers

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

<p>It sets an element's display style to inline. (A)</p> Signup and view all the answers

More Like This

Use Quizgecko on...
Browser
Browser