Nettuts+ Quiz #1: Beginner CSS

Advertise here

In the first of many Nettuts+ quizzes, you’ll be able to test your knowledge by solving some nefarious questions. But don’t worry, we’re starting today by asking you some extremely beginner level CSS questions. Get crackin’ after the jump!

CSS is used to…

• 
  lend structure to the document
• 
  mold the presentation of the document
• 
  script the interactions on the page
• 
  You’re crafty! This is a trick question.

Next

The C in CSS stands for?

• 
  Crysis
• 
  Crocodile
• 
  Consistent
• 
  Cascading

Prev

Next

The correct way to link to a stylesheet in the head is?

• 
  <link rel=”stylesheet” href=”styles.css” />
• 
  < stylesheet src=”styles.css”>
• 
  < link src=”styles.css”>
• 
  < css href=”styles.css”>

Prev

Next

Which of these is not a valid CSS selector?

• 
  #x
• 
  .x
• 
  x ) y
• 
  x:first-child

Prev

Next

What’s the effective width of the container?
#container {width: 100px; padding: 10px; margin: 20px;}

• 
  120px
• 
  140px
• 
  100px
• 
  90px

Prev

Next

How do you define a comment in CSS?

• 
  <!– Comment –>
• 
  <* Comment *>
• 
  // Comment //
• 
  /* Comment */

Prev

Next

Which of the following is used to display links without an underline?

• 
  {text-decoration:no underline}
• 
  {text-decoration:none}
• 
  {font-style:underlined 0}
• 
  {hyperlink:no underline}

Prev

Next

How do you center an element horizontally?

• 
  margin: 0 auto;
• 
  align: center;
• 
  margin: 0;
• 
  center: true;

Prev

Next

The # symbol specifies that the selector is…

• 
  class
• 
  tag
• 
  the boss!
• 
  id

Prev

Next

span { font-size: 12px; padding: 2px; color: #fff; display: inline;}

In the rule above, which of the declarations is irrelevant?

• 
  display: inline;
• 
  padding: 2px
• 
  color: #fff
• 
  font-size: 12px

Prev

Next

#id {margin: 20px 30px 10px 50px}

The margin-right value will be?

• 
  10px
• 
  20px
• 
  50px
• 
  30px

Prev

Next

Which property is used to change the size of text?

• 
  typography
• 
  text-size
• 
  font-size
• 
  font-weight

Prev

Next

p div.selected matches?

• 
  Div with a class of selected which is a descendant of a paragraph.
• 
  Paragraph with a class of selected which is a descendant of a div.
• 
  Div with a class of selected which is an ancestor of a paragraph.
• 
  Paragraph with a class of selected which is a sibling of a div.

Prev

Next

What is the order of precedence when you’re embedding CSS using different methods?

• 
  Embedded, then linked, then inline.
• 
  Inline, then embedded, and then linked.
• 
  Wait, what?
• 
  Inline, then linked, then embedded.
  

Prev

Next

The * selector selects…

• 
  every div element
• 
  only paragraphs
• 
  only parent elements
• 
  every element

Prev

Finish

#1

Please select an option