Quizalize logo
placeholder image to represent content

Classes, Ids, & Color Design

Quiz by Antoinette Bradley

Feel free to use or edit a copy

includes Teacher and Student dashboards

Measure skills
from any curriculum

Tag the questions with any skills you have. Your dashboard will track each student's mastery of each skill.

With a free account, teachers can
  • edit the questions
  • save a copy for later
  • start a class game
  • automatically assign follow-up activities based on students’ scores
  • assign as homework
  • share a link with colleagues
  • print as a bubble sheet

Our brand new solo games combine with your quiz, on the same screen

Correct quiz answers unlock more play!

New Quizalize solo game modes
15 questions
Show answers
  • Q1
    A style sheet class...
    is a classification of style rules that is applied to a single document.
    are all the style rules contained between the style tag
    allows you to create new HTML tags.
    allows you to create style rules that can be applied to any tag as an attribute.
    60s
  • Q2
    Which of the following is used to identify and apply a style to a single element on a web page?
    class
    property
    type selector
    id
    60s
  • Q3
    Which of the following is the correct way to define a class?
    mystyle. {color: #ff0000}
    .mystyle {color: #ff0000}
    mystyle {color: #ff0000}
    :mystyle {color: #ff0000}
    60s
  • Q4
    IDs are used to identify and define the style for a single block and are typically only used once.
    True
    False
    60s
  • Q5
    Which style sheet rule is only applied once per page?
    property
    id
    class
    selector
    60s
  • Q6
    #heading{background-color: #990099} is an example of what?
    Class Definition
    Inline style
    ID Definition
    Pseudo element
    60s
  • Q7
    If you want to apply a different style to two different paragraphs on your document, which would be most appropriate?
    class
    id
    property
    type selector
    60s
  • Q8
    Which of the following should not be part of a properly written CSS class selector?
    Spaces between words in the class name.
    Alphanumeric characters may be used as part of the class name.
    A period should precede the class name.
    The first letter of each word in the class name should be capitalized.
    60s
  • Q9
    Which of the following is the correct way to define an ID?
    #article1 {width: 800px}
    :article1 {width: 800px}
    .article1 {width: 800px}
    article1 {width: 800px}
    60s
  • Q10
    What is the primary purpose of ID?
    To define the style of a specific single element.
    To protect you from the Internet
    To define styles that are not limited to a specific tag.
    To define styles for a specific group of elements.
    60s
  • Q11
    When defining an ID, the _____should precede the ID name.
    number sign (#)
    comma (,)
    quote (")
    period (.)
    60s
  • Q12
    Generally container elements, such as the navigation container, header or footer containers, are only used ___________ will have their own style which is only applied to them.
    unlimited
    once
    twice
    multiples
    60s
  • Q13
    Which of the following is true about classes and IDs?
    They can be defined on any style sheet level.
    You can only use one or the other, but not both.
    They can only be defined on the embedded or external style sheet.
    You can apply more than one class to an element.
    60s
  • Q14
    Which is the proper way to apply a class to a <div> element?
    <div class="myclass">Content</div>
    <div><class="myclass">Content</class></div>
    <div class=".myclass">Content</div>
    <class="myclass">Content</class>
    60s
  • Q15
    What is the proper way to apply Id styles to a <div>?
    <id="myID">Content</id>
    <div id="myID">Content</div>
    <div><id="myID">Content</id></div>
    <div id="#myID">Content</div>
    60s

Teachers give this quiz to your class