CSS Advanced Quiz 2S2C Home « CSS Advanced Quiz 2

The questions in this second advanced quiz on CSS are on the topics covered in the fourth and fifth lessons of the CSS Advanced section of the site. The table below lists the lesson used for each quiz, a description of the lesson content and the quiz number and questions associated with that lesson.

Lesson Summary

Click on a lesson in the table to go to that lesson for a refresher on the topics for that lesson.

CSS Advanced Lessons Description Quiz Info.
Lesson 1 - Generated ContentUsing Generated Content and letting the browser insert information into our pages.Quiz1
10 questions
Lesson 2 - Attribute SelectorsA look at attribute selectors and how we can use them to select HTML elements.
Lesson 3 - Styling ListsA look at how to style our lists using some useful CSS properties.
Lesson 4 - Styling TablesFor this lesson we look at the CSS properties we can use with out HTML tables.This quiz.
10 questions
Lesson 5 - NavigationA look at how to style navigation bars to look good on our web pages.
Lesson 6 - LayoutIn this lesson we look at how to create page layouts for our websites.Quiz3
11 questions
Lesson 7 - The Printed PageA look at how to style our data so it is suitable for printing.
Lesson 8 - Other PropertiesA look at the CSS properties we haven't covered so far - direction, outline and unicode-bidi.

CSS Advanced Quiz 2

The quiz below tests your knowledge of the material learnt in the fourth and fifth lessons of the CSS Advanced section of the site.

Question 1 : There are two models used for styling tables known as the 'separated border model' and the ?
- There are two models used for styling tables known as the 'separated border model' and the 'collapsed border model'.
Question 2 : When using the 'separated border model' what CSS property can we use to specify a distance between cells when the 'separated border model' is used?
- When using the 'separated border model' we use the 'border-spacing' CSS property to specify a distance between cells when the separated border model is used.
Question 3 : Which CSS property allows us to specify a position for a table caption?
- The 'caption-side' CSS property allows us to specify a position for a table caption.
Question 4 : Which CSS 'table-layout' property value renders tables the fastest?
- Setting the CSS 'table-layout' property value to 'fixed' renders tables the fastest as each row can be rendered as it is read, instead of reading the whole table in first as happends with 'auto'.
Question 5 : How many CSS properties does CSS give us for control over table presentation?
- CSS gives us 5 CSS properties for control over table presentation.
Question 6 : Although we can use all type of lists for navigation bars, which is the most commonly used list for this purpose?
- For the purpose of creating navigation bars the most commonly used lists are unordered lists.
Question 7 : Why do we set zero paddings and margins when creating a navigation bar?
- We set zero paddings and margins when creating a navigation bar to remove unwanted space around the navigation bar.
Question 8 : How do we prevent margins, borders and padding from overlapping?
- We prevent margins, borders and padding from overlapping by displaying our list as block elements.
Question 9 : Why would we use the CSS 'list-style' or 'list-style-type' properties when styling our navigation bars?
- We would use the CSS 'list-style' or 'list-style-type' properties when styling our navigation bars to remove markers such as bullets.
Question 10 : How can we turn a vertical navigation bar into a horizontal navigation bar
- We turn a vertical navigation bar into a horizontal navigation bar by removing the CSS 'width' property from the style.
Quiz Progress Bar Please select an answer

What's Next?

In the next quiz we test our knowledge of the topics covered in the sixth, seventh and eigth lessons of the CSS Advanced section of the site .