CSS Advanced Quiz 3S2C Home « CSS Advanced Quiz 3

The questions in this third advanced quiz on CSS are on the topics covered in the sixth, seventh and eigth 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.Quiz 1
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.Quiz2
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.This quiz.
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 3

The quiz below tests your knowledge of the material learnt in the sixth, seventh and eigth lessons of the CSS Advanced section of the site.

Question 1 : Which type of layout style presents data using the whole screen?
- The 'liquid' layout style presents data using the whole screen.
Question 2 : What is a drawback to using a 'liquid' layout?
- When using a 'liquid' layout text can become stretched on larger monitor sizes.
Question 3 : What is an advantage of using a 'fixed-width' layout?
- An advantage of using a 'fixed-width' layout' is that the display is constant regardless of monitor size.
Question 4 : How can you turn a 'fixed-width' layout into a 'liquid' layout?
- We can turn a 'fixed-width' layout into a 'liquid' layout by removing the 'width' CSS property from the #wrapper style used.
Question 5 : The CSS 'page-break-after', 'page-break-before' and 'page-break-inside' properties apply to all inline elements?
- The CSS 'page-break-after', 'page-break-before' and 'page-break-inside' properties apply to all block-level elements not inline elements.
Question 6 : What are braille, handheld, projection, speech and tv examples of?
- Braille, handheld, projection, speech and tv are examples of media-types.
Question 7 : Which CSS property specifies the minimum number of lines to display at the top of a page when a page break occurs?
- The 'widows' CSS property specifies the minimum number of lines to display at the top of a page when a page break occurs. The 'orphans' CSS property specifies the minimum number of lines to display at the bottom of a page when a page break occurs.
Question 8 : The 'unicode-bidi' CSS property is used in conjunction with which other CSS property for handling bidirectional text?
- The 'unicode-bidi' CSS property is used in conjunction with the 'direction' CSS property for handling bidirectional text.
Question 9 : How does the 'outline' CSS property differ from the 'border' CSS property?
- The 'outline' CSS property applies to all sides whereas the 'border' CSS property can be different on all sides.
Question 10 : Are an 'outline' CSS properties dimensions included when calculating an element's width and height?
- An 'outline' is laid on top of an element and and so has no impact on width and height.
Question 11 : What can the 'direction' CSS property be useful for?
- the 'direction' CSS property be useful for languages that read from right to left.
Quiz Progress Bar Please select an answer

What's Next?

In the next quiz we test our knowledge of the topics covered in the fourth and fifth lessons of the CSS Advanced section of the site .