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</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;</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</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</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</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</p> Signup and view all the answers

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

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

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

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

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

    <p>% units</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</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</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</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</p> Signup and view all the answers

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

    <p>em</p> Signup and view all the answers

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

    <p>p</p> Signup and view all the answers

    What does the span tag do in HTML?

    <p>Surrounds a generic piece of text</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</p> Signup and view all the answers

    What does the 'display' property in CSS control?

    <p>Default style of elements</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</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</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</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</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</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</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</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</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</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</p> Signup and view all the answers

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

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

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser