LAYERS AND FLOATING IN CSS 
MODULE X23C: REVIEW QUESTIONS
-----------------------------

OBJECTIVES
----------
1.	Describe what is meant by a "floating" element in CSS;
2.	Recognize the syntax for creating floating elements in 
the desired positions with respect to other elements;
3.	Recognize floating elements when they appear on Web 
pages;
4.	Discuss appropriate uses for floating elements on Web 
pages;
5.	Use correct x-y-z axis terminology to describe the 
positions of elements on a Web page;
6.	Explain the concept of multiple layers of Web page 
elements;
7.	Discuss the limitations of various versions of user 
agents in supporting floating elements and layers.

QUESTIONS
---------
(Answers are at the end of this document.)

1.	What is meant by a "floating" element in CSS? 
 
 
 
 

2.	If you put an image into a Web page using this tag: 
<img scr="icon.gif" alt="icon"> 
how would you add a style to make it float on the 
right? 
style="                  " 

3.	How would you recognize floating elements when they 
appear on Web pages? 
 
 
 
 

4.	Name 2 appropriate uses for floating elements on Web 
pages. 
1. 
 
 
2. 
 
 
 

5.	What direction does the x-axis run? 
 
 

6.	What direction does the y-axis run? 
 
 

7.	What direction does the z-axis run? 
 
 

8.	What is meant by speaking of "layers" on a Web page? 
 
 














ANSWERS
=======

1.	What is meant by a "floating" element in CSS? 
...ANSWER: An element is said to "float" when it 
interrupts the normal order of other elements so that 
they flow around it. CSS allows elements that float 
right (positioned against the right margin so text 
flows around the left side) or float left (on the left 
margin with text flowing around the right). 

2.	If you put an image into a Web page using this tag: 
<img scr="icon.gif" alt="icon"> 
how would you add a style to make it float on the 
right? 
...ANSWER: 
style="float: right" 

3.	How would you recognize floating elements when they 
appear on Web pages? 
...ANSWER: Floating elements cause text and other 
elements to flow around them to one side or the other. 

4.	Name 2 appropriate uses for floating elements on Web 
pages. 
...ANSWER: any 2 of the following - 
1. Images 
2. Sidebar text 
3. Embedded titles 
4. Side notes 
 
 

5.	What direction does the x-axis run? 
...ANSWER: horizontally, or left/right 

6.	What direction does the y-axis run? 
...ANSWER: vertically, or up/down 

7.	What direction does the z-axis run? 
...ANSWER: front/back, or closer/further from viewer. 

8.	What is meant by speaking of "layers" on a Web page? 
...ANSWER: elements can be placed front/back, stacked 
on one another, or in the z-axis. They can cover one 
another up.